Wijmo 更优美的jQuery UI部件集:自定义 C1WijMenu

C1Wijmo 全部的控件是完全可定制的,并且可以根据你自己的需求定制他们的界面外观。我准备使用C1Menu演示这一点。让我们从向控件应用自定义主题开始。

发布于 2012/11/16 00:00

C1Wijmo 全部的控件是完全可定制的,并且可以根据你自己的需求定制他们的界面外观。
我准备使用C1Menu演示这一点。
让我们从向控件应用自定义主题开始。

改变主题
1) 创建一个网站,然后拖放一个C1Menu到web页面上。
2) 单击智能标记,并打开任务菜单。
3) 在主题属性中输入CDN的URL以指定主题。
例如,在我们的这个例子中,我们应用ui-darkness 主题
http://jquery-ui.googlecode.com/svn/tags/1.8.14/themes/ui-darkness/jquery-ui.css
你可以在下面提到的网址找到你想应用的主题的CDN链接– http://blog.jqueryui.com/2011/06/jquery-ui-1-8-14/
运行该工程,可以观察到该主题被应用到控件上。




取消在C1Menu上的自动换行行为
在菜单项内部自动折行是C1Menu的默认行为,在需要关闭该功能的情况下,请参考以下CSS
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child { width: auto; }
.wijmo-wijmenu-text { white-space: nowrap; }

我在附件中的示例演示了以上全部的功能,包括应用一个自定义主题,改变外观以及取消自动折行。
请在这里下载



运行该示例。你会看到C1Menu应用了“ui-darkness”主题。
它的自菜单项不会自动折行,并且当鼠标悬停在每一个菜单项上时,应用了自定义样式。

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年,40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态