开发者社区> 问答> 正文

图标组件实现提示

宜搭自定义表单中使用图标组件,如何实现鼠标移动到上面时显示提示文字?类似title属性。

展开
收起
不相逢 2023-03-22 17:00:41 363 0
来自:钉钉宜搭
4 条回答
写回答
取消 提交回答
  • 在许多UI框架中,图标组件或其他元素通常包含一个可以用于显示提示文字(tooltip)的属性,这在HTML中类似于title属性。然而,宜搭自定义表单的详细实现可能会有所不同,具体取决于宜搭平台提供的功能和接口。

    如果宜搭支持直接在图标或其他组件上设置提示文字,您可以在组件的属性配置中寻找一个类似于title、tooltip或alt的字段来设置提示文字。如果这样的属性存在,您只需要将希望显示的文字输入到对应的属性值中即可。

    2024-02-23 15:51:01
    赞同 展开评论 打赏
  • 我使用的是图标组件,使用气泡提示组件,发现预览时不能弹出提示信息。在新窗口中可以显示。谢谢了。

    2023-03-23 14:44:32
    赞同 展开评论 打赏
  • 只懂一点点,相互成就进步,进Q裙:758755691

    image.png 有气泡这个组件你可以试试

    2023-03-23 09:28:28
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    宜搭自定义页面如果会代码可以自己开发,

    JS中的用法: title属性

    button type=button title=你的提示文字一个按钮/button

    JAVA中的用法: setToolTipText 方法

    JButton b = new JButton(一个按钮); b.setToolTipText(你的提示文字);

    鼠标移动到上面自动显示提示信息,文字通过title属性进行设置,具体见下:

    image.png

    宜搭内实现提交数据的时候页面显示提示文字,进入宜搭表单编辑页面,点击空白处,点击右侧表单提交前绑定动作,JS配置一下alert("提示文字")即可,截图所示:

    image.png

    另外在自定义页面循环展示数据时,当数据内容过长时,就会发生显示不完整的情况,这时可以使用气泡提示,当鼠标划过时可自动展示完整内容。

    添加容器,放入并配置气泡提示组件,

    image.png

    打开大纲树,可以看到在气泡提示下有触发元素层以及弹层,触发元素层用于放置显示在页面中的触发内容,弹层则是用于显示弹出框内容。

    image.png

    配置气泡提示组件,需将触发行为修改为 「Hover」,在鼠标划过时即可弹出气泡。

    image.png

    以上仅供参考,你可以根据自己的实际情况来实时。

    2023-03-23 09:21:38
    赞同 1 展开评论 打赏
问答分类:
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载