radcontrol的控件默认情况下设置了几种内置的皮肤,用户也可以根据自己的情况来新建一个皮肤,实现样式的自定义
首先我们分析下,系统自带控件的皮肤设置,我们以Rotator控件为例:
我们在radcontrol的安装目录下可以找到一个Skins的文件夹,所有控件的样式都存放在这里面。
里面的内容很清晰,这些文件夹代表了各种皮肤,
这些样式文件代表了每个控件
也就是说每个控件的样式 是分成两部分的,我们拿Default默认的皮肤来说Ratoter控件,它包含如下三个文件:
Skins->Ratotar.css 通用样式文件
Skins->Default->Rotator.Default.css 默认皮肤的样式
Skins->Ratotar 文件夹 默认皮肤使用的资源文件
所以我们要自定义皮肤就可以仿照系统的方式来制作,
第一步:如下图,在站点根目录下添加这样的文件结构:
Rotator文件是从Radcontrol安装目录的Skins文件中的对应文件拷贝过来
Rotator.MyCustomSkin.css文件时从Skins->Default->Rotator.Default.css 拷贝过来并重命名
Rototar文件夹是Skins->Ratotar 文件夹 拷贝过来
第二步:打开Rotator.MyCustomSkin.css文件,将文件中.RadRotator_Default全部改为.RadRotator_MyCustomSkin,如图
.
第三步:修改我们控件中的皮肤属性为MyCustomSkin,还要把两个属性设为false
第四步:现在我们经Rotator控件的样式就移到我们的网站中了,我们可以修改我们站点中的三个文件来重新定义自己的皮肤了
RadControl技术交流群:249921910