I have an issue combining the FormDecrator and the Multipage controls.
The Multipage is bounded to a TabStrip and changes accordingly. It seems like the FormDecorator is not changing the style of the controls inside the hidden PageViews. As soon as I change the tab the FormDecortator does the trick and changes the style for all controls inside the active PageView but this effect is visible to the user and you can actually see the style changes. This only happens the first time you access a certain tab. If you click that tab again the controls are already styled correctly.
Is there a way around this? Meaning, I would like to apply the styling to ALL controls even hidden ones. Moreover, the Javascript which changes the style works in IE and in Firefox but in Chrome the style doesn't change unless a post-back occurs.
Thanks,
Nick
The Multipage is bounded to a TabStrip and changes accordingly. It seems like the FormDecorator is not changing the style of the controls inside the hidden PageViews. As soon as I change the tab the FormDecortator does the trick and changes the style for all controls inside the active PageView but this effect is visible to the user and you can actually see the style changes. This only happens the first time you access a certain tab. If you click that tab again the controls are already styled correctly.
Is there a way around this? Meaning, I would like to apply the styling to ALL controls even hidden ones. Moreover, the Javascript which changes the style works in IE and in Firefox but in Chrome the style doesn't change unless a post-back occurs.
Thanks,
Nick
3 Answers, 1 is accepted
0
Richard
Top achievements
Rank 1
Rank 1
answered on 23 Jan 2012, 05:19 PM
Nick:
This visible redecorating of the controls in the hidden pages is standard browser behavior. The only solution, which is not ideal, is to hide the contents of the pageview until it is loaded completely.
See the Page drawing forum thread in which Bozhidar from Telerik's support team has provided some insights on the standard behaviors of the RadFormDecorator:
"RadFormDecorator... which hides all inputs, decorates them and then show it again.".
"There are reason the elements decorated by RadFormDecorated to have visibility: hidden set. The control hides the real form elements and replace them with additional HTML elements that behave like the real input elements, but decorated already"
Let me know if you need further assistance.
Hope this helps!
This visible redecorating of the controls in the hidden pages is standard browser behavior. The only solution, which is not ideal, is to hide the contents of the pageview until it is loaded completely.
See the Page drawing forum thread in which Bozhidar from Telerik's support team has provided some insights on the standard behaviors of the RadFormDecorator:
"RadFormDecorator... which hides all inputs, decorates them and then show it again.".
"There are reason the elements decorated by RadFormDecorated to have visibility: hidden set. The control hides the real form elements and replace them with additional HTML elements that behave like the real input elements, but decorated already"
Let me know if you need further assistance.
Hope this helps!
0
Nick
Top achievements
Rank 1
Rank 1
answered on 23 Jan 2012, 05:31 PM
I do not understand how your response is relevant. When I switch between PageViews the substitute control for Select is not even there. Its not rendered yet. I know Select is being replaced with a styled LINK and spans. When I switch between PageViews for the first time all the Select controls on those (besides the first PageView which I originally marked a Selected on Page_Load) are not styled.
After I post back in a certain PageView (I change the value in the Select control) the styling appears.
The other thread suggests setting the Visibility to Visible but all the controls seem to be working OK besides the Select controls.
Nick
After I post back in a certain PageView (I change the value in the Select control) the styling appears.
The other thread suggests setting the Visibility to Visible but all the controls seem to be working OK besides the Select controls.
Nick
0
Hi Nick,
Could you please isolate the reported scenario in a simple working project and send it for examination a support ticket? If possible, record the reproduction steps in a video using Jing or another screen capture tool and provide it.
Please also specify under which browser the problem exists.
Once we are able to reproduce the issue, we will do our best to provide a workaround.
Best regards,
Rumen
the Telerik team
Could you please isolate the reported scenario in a simple working project and send it for examination a support ticket? If possible, record the reproduction steps in a video using Jing or another screen capture tool and provide it.
Please also specify under which browser the problem exists.
Once we are able to reproduce the issue, we will do our best to provide a workaround.
Best regards,
Rumen
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.