Hi!
I'm facing a problem skinning my website.
I'm trying to minimize http calls so i've decide to use
This project customize FormDecorator, Menu, Grid, Window and ComboBox widgets.
I'm using RadStyleSheetManager to combine all css I produced:
As you can see the Assembly is named GuTelerikSkins, but the skin itself is named GuSkin.
The main problem comes from base css styles that telerik use. I'm trying to change font-family of a label tag as
font-family: "Segoe UI",Arial,Verdana,sans-serif;
For example my decorated form labels are different from the rest of the website.
I've attached 2 screenshots that describe the current styles of labels and the target styles i want to apply so that labels in editon mode are the same as readonly mode on my pages...
Is there a tip to customize base css of Telerik inside a skin project?
Thanks in advance
Pascal
I'm facing a problem skinning my website.
I'm trying to minimize http calls so i've decide to use
a custom skin called GuSkin that i build using a different project.This project customize FormDecorator, Menu, Grid, Window and ComboBox widgets.
I'm using RadStyleSheetManager to combine all css I produced:
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
EnableStyleSheetCombine
=
"false"
>
<
StyleSheets
>
<
telerik:StyleSheetReference
Name
=
"GuTelerikSkins.FormDecorator.css"
Assembly
=
"GuTelerikSkins"
/>
<
telerik:StyleSheetReference
Name
=
"GuTelerikSkins.Menu.css"
Assembly
=
"GuTelerikSkins"
/>
<
telerik:StyleSheetReference
Name
=
"GuTelerikSkins.Grid.css"
Assembly
=
"GuTelerikSkins"
/>
<
telerik:StyleSheetReference
Name
=
"GuTelerikSkins.Window.css"
Assembly
=
"GuTelerikSkins"
/>
<
telerik:StyleSheetReference
Name
=
"GuTelerikSkins.ComboBox.css"
Assembly
=
"GuTelerikSkins"
/>
</
StyleSheets
>
</
telerik:RadStyleSheetManager
>
The main problem comes from base css styles that telerik use. I'm trying to change font-family of a label tag as
Helvetica, Arial, sans-serifBut the base css of Telerik send a css property that override my font family (which must be common through all the website):
font-family: "Segoe UI",Arial,Verdana,sans-serif;
For example my decorated form labels are different from the rest of the website.
I've attached 2 screenshots that describe the current styles of labels and the target styles i want to apply so that labels in editon mode are the same as readonly mode on my pages...
Is there a tip to customize base css of Telerik inside a skin project?
Thanks in advance
Pascal