Basel Nimer
Top achievements
Rank 2
Rank 2
Basel Nimer
asked on 13 May 2010, 10:49 AM
Hello,
I created my first skin for RadUpload (Q2 2009), and i put them in my App_Theme folder as follow:
App_Themes
- Green
- - Upload
- - - logo.gif
- - - ruProgress.gif
- - - ruSprite.png
- - Upload.css
- - Upload.Grn.css
and set the properties of the control in the page to (besides setting the theme of the page)
I increased the width of the font of the button and hence the width of the button too,
when i ran the page, i got the font bigger and the sprite image is used properly, but the problem with the width, when i traced the style used i found that my theme styles were included but they were overridden by the embedded styles!!!! even that i disabled them.
can you help please?
P.S. i cannot remove the Telerik_StyleSheet links, since there are other styles for other telerik controls that i still need them.
P.S2 if needed I can attach the CSS files and a screen shot.
I created my first skin for RadUpload (Q2 2009), and i put them in my App_Theme folder as follow:
App_Themes
- Green
- - Upload
- - - logo.gif
- - - ruProgress.gif
- - - ruSprite.png
- - Upload.css
- - Upload.Grn.css
and set the properties of the control in the page to (besides setting the theme of the page)
| <telerik:RadUpload ID="radUploader" Localization-Select="Select File" runat="server" Skin="Grn" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" EnableFileInputSkinning="true" ControlObjectsVisibility="none" |
| ReadOnlyFileInputs="true" MaxFileInputsCount="5" > |
| <Localization Select="Select File" /> |
| </telerik:RadUpload> |
I increased the width of the font of the button and hence the width of the button too,
when i ran the page, i got the font bigger and the sprite image is used properly, but the problem with the width, when i traced the style used i found that my theme styles were included but they were overridden by the embedded styles!!!! even that i disabled them.
can you help please?
P.S. i cannot remove the Telerik_StyleSheet links, since there are other styles for other telerik controls that i still need them.
P.S2 if needed I can attach the CSS files and a screen shot.
6 Answers, 1 is accepted
0
Hello Basel,
If you have other Uploads on the page, it is possible that they are registering the Base Stylesheets on the page. It is possible to increase the Specificity of your CSS selectors so they are not overridden by the embedded stylesheets or simply use !important to achieve the same.
I hope this helps.
Sincerely yours,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
If you have other Uploads on the page, it is possible that they are registering the Base Stylesheets on the page. It is possible to increase the Specificity of your CSS selectors so they are not overridden by the embedded stylesheets or simply use !important to achieve the same.
I hope this helps.
Sincerely yours,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Basel Nimer
Top achievements
Rank 2
Rank 2
answered on 16 May 2010, 03:42 PM
Thank you for your answer,
Well, i checked this in the first place, and no; there are no other upload controls in the page.
but there are some other telerik controls, can that be the cause?
how can i trace what includes the stylesheet? all style sheets (there are almost 10) are named Telerik-Style, so i cannot determine which control added which stylesheet link.
Well, i checked this in the first place, and no; there are no other upload controls in the page.
but there are some other telerik controls, can that be the cause?
how can i trace what includes the stylesheet? all style sheets (there are almost 10) are named Telerik-Style, so i cannot determine which control added which stylesheet link.
0
Hello,
RadControls do not register stylesheets named "Telerik-Style". The embedded skins/stylesheets register references to "/WebResource.axd?d=".
Kind regards,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
RadControls do not register stylesheets named "Telerik-Style". The embedded skins/stylesheets register references to "/WebResource.axd?d=".
Kind regards,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Basel Nimer
Top achievements
Rank 2
Rank 2
answered on 20 May 2010, 10:01 AM
my mistake, i meant the class property
see example:
<link href="/WebResource.axd?d=R1f0fxNfiv7DCiT2l71Q9ToDMelK5_zXqCYfebLSG_INeRI-HbpRrnS2tMDTZL6n0&t=633868203800000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
see example:
<link href="/WebResource.axd?d=R1f0fxNfiv7DCiT2l71Q9ToDMelK5_zXqCYfebLSG_INeRI-HbpRrnS2tMDTZL6n0&t=633868203800000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />
0
Hi Basel Nimer,
I tested your markup in a simple page (you can find it attached) and RadUpload doesn't register any stylesheets in this scenario. What tool you use to trace the stylesheets that override your styles? What are the selectors that override yours?
Kind regards,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
I tested your markup in a simple page (you can find it attached) and RadUpload doesn't register any stylesheets in this scenario. What tool you use to trace the stylesheets that override your styles? What are the selectors that override yours?
Kind regards,
Dimitar Milushev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Basel Nimer
Top achievements
Rank 2
Rank 2
answered on 26 May 2010, 01:38 PM
Weired, I just found the reason behind this 1 hour ago :)
It is true that i had only one upload that was assigned my skin and has the EnableEmbeddedSkins false, but i also had the progress included in the same page, and it seems that that progress is the one that gets the embedded style.
not sure if it is a bug or not, but i think if both uses the same style, then they both should be of the same skin.
I fixed my problem, thanks for your tries and your time.
It is true that i had only one upload that was assigned my skin and has the EnableEmbeddedSkins false, but i also had the progress included in the same page, and it seems that that progress is the one that gets the embedded style.
not sure if it is a bug or not, but i think if both uses the same style, then they both should be of the same skin.
I fixed my problem, thanks for your tries and your time.