面向ASP的Telerik UI。净AJAX免费下载30天试用版

嵌入式的图标

这篇帮助文章展示了如何在RadPushButton,列出了必要的CSS类,并描述了皮肤的细节。

图1:RadPushButton中嵌入的图标列表。

RadPushButton中的嵌入式图标列表

你也可以用自定义图标(图像或字体图标)和微调他们的位置,颜色和大小

配置

为了使控件更容易使用,Telerik提供大量的内置图标(图1).要使用它们,请设置图标。CssClass属性(示例1)到其中一个预定义的CSS类名,相应的图标将显示在控件上。

图2:来自示例1的带有嵌入图标的RadPushButton (icon . cssclass ="rbOk")

带有嵌入式图标的按钮

例1:RadPushButton中嵌入图标的声明。

  

嵌入图标的CssClass列表

中嵌入图标的CSS类的完整列表如下RadPushButton.的CssClass以下列方式组成:[r)广告(b] utton [IconName].例如rbAdd

rbAdd rbPrevious rbPrint rbRSS rbYouTube
rbRemove rbNext rbRefresh rbMail rbVimeo
rbOk rbOpen rbSearch rbFB rbBehance
rbCancel rbAttach rbHelp rbTwitter rbDribble
rbUpload rbSave rbCart rbLinkedIn rbGooglePlus
rbDownload rbConfig rbEdit rbPinterest

皮肤的细节

预定义图标的颜色可以是白色或黑色,这取决于所选择的皮肤。你可以看到它们的区别丝绸发光皮肤图3

图3:在RadPushButton中为Silk和Glow皮肤嵌入的图标有白色和黑色。

RadPushButton中的嵌入式图标列表

另请参阅

在本文中
Baidu
map