This question is locked. New answers and comments are not allowed.
Hi!
I have a problem where all styling is removed from textboxes in the popup. Basically i added
#page input {background: red;}
for testing. Without javascript, all input boxes turned red, with javascript enabled they did not. When having javascript enabled and navigating to "page/[GUID]?Grid-mode=edit" i see a flash of content with red backgrounds, which when the javascript is loaded is removed.
How do I style the popup the way I want? What all started with was me wanting to change some styling for disabled text boxes and buttons if that is of any help.
Thanks
/Victor
I have a problem where all styling is removed from textboxes in the popup. Basically i added
#page input {background: red;}
for testing. Without javascript, all input boxes turned red, with javascript enabled they did not. When having javascript enabled and navigating to "page/[GUID]?Grid-mode=edit" i see a flash of content with red backgrounds, which when the javascript is loaded is removed.
How do I style the popup the way I want? What all started with was me wanting to change some styling for disabled text boxes and buttons if that is of any help.
Thanks
/Victor
2 Answers, 1 is accepted
0
Accepted
Hi Victor,
When JavaScript is turned on, the popup is moved in the DOM (to the end of the <body> tag). Therefore, it is not in the #page element and the CSS styling isn't applied. This movement in the DOM is done so that there are no offending styles that break the window styling. If you want to apply styles to the window, just use
.t-window input {
background: red;
}
Greetings,
Alex Gyoshev
the Telerik team
When JavaScript is turned on, the popup is moved in the DOM (to the end of the <body> tag). Therefore, it is not in the #page element and the CSS styling isn't applied. This movement in the DOM is done so that there are no offending styles that break the window styling. If you want to apply styles to the window, just use
.t-window input {
background: red;
}
Greetings,
Alex Gyoshev
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Victor
Top achievements
Rank 1
Rank 1
answered on 25 Feb 2011, 10:13 AM
I see, thanks. Probably should have caught that one, but first had the problem that styling on "input" only was overwritten due to other rules having higher specificity.
Thanks!
/Victor
Thanks!
/Victor