zoukankan      html  css  js  c++  java
  • 【新特性速递】指定提示信息的显示位置(ToolTipPosition)

    FineUIPro/Mvc/Core的下个版本(v7.0.0),我们可以为提示信息指定显示位置了。

    首先来看下提示信息的样式变化,之前版本的纯色背景主题,提示信息是白底黑色,容易和正文文本搞混淆,如下所示:

     

    新版本则变为黑底白字,更加现代化:

    下面来看下如何指定提示信息的显示位置,我们新增了ToolTipPosition枚举类型:

    public enum ToolTipPosition
    {
    	/// <summary>
    	/// 未定义
    	/// </summary>
    	Undefined,
    	/// <summary>
    	/// 顶部居中
    	/// </summary>
    	Top,
    	/// <summary>
    	/// 顶部开始
    	/// </summary>
    	TopStart,
    	/// <summary>
    	/// 顶部末尾
    	/// </summary>
    	TopEnd,
    	/// <summary>
    	/// 底部居中
    	/// </summary>
    	Bottom,
    	/// <summary>
    	/// 底部开始
    	/// </summary>
    	BottomStart,
    	/// <summary>
    	/// 底部末尾
    	/// </summary>
    	BottomEnd,
    	/// <summary>
    	/// 左侧居中
    	/// </summary>
    	Left,
    	/// <summary>
    	/// 左侧开始
    	/// </summary>
    	LeftStart,
    	/// <summary>
    	/// 左侧末尾
    	/// </summary>
    	LeftEnd,
    	/// <summary>
    	/// 右侧居中
    	/// </summary>
    	Right,
    	/// <summary>
    	/// 右侧开始
    	/// </summary>
    	RightStart,
    	/// <summary>
    	/// 右侧末尾
    	/// </summary>
    	RightEnd
    }
    

    并分别为如下控件增加了ToolTipPosition相关的属性:

    • 为Label、LinkButton、Image、HyperLink、Tool新增ToolTipPosition属性。
    • 为面板控件增加TitleToolTipPosition属性。
    • 为表格列增加HeaderToolTipPosition属性,新增示例:表格控件/标题栏/标题栏(提示信息)。
    • 为表格列BoundField、CheckBoxField、HyperLinkField、ImageField、LinkButtonField、WindowField新增ToolTipPosition属性。
    • 为表格列RenderField新增ToolTipPosition属性。

    如果未设置ToolTipPosition属性,则默认显示在光标的位置。

    下面看下显示效果:

      

    来一张动图,预览全部显示位置:

    欢迎入伙:https://fineui.com/fans/

    三石出品,必属精品 

  • 相关阅读:
    什么是反向代理,反向代理有什么好处?
    动态的favicons
    管理emacs dotemacs文件
    自己的部分小软件合计 2000 2013(很久没有更新了)
    经典CSS 横向导航菜单【下载】
    Web 调试,兼容浏览器的在线调试(系列)
    sql server 执行大脚本时报警告没有足够的内存继续执行程序
    c#对接顺丰图片文件
    Sql Server行转列 动态拼接sql
    centos6.2更新yum源
  • 原文地址:https://www.cnblogs.com/sanshi/p/13491125.html
Copyright © 2011-2022 走看看