Rank 1
I am testing with IE8 beta emulating IE7 and FireFox 3 Beta 3. Before adding the FormsDecorator Control, everything was rendered as I expected with both browsers. The FormsDecorator control was added as follows:
<telerikForm:formdecorator id="FormDecorator1" runat="server" decoratedcontrols="all" skin="Web20"></telerikForm:formdecorator>
The Controls I want to skin are defined as follows:
<div style="width:100%; padding-top:5px; height:20px;">
<asp:Button ID="btnPrev" style="width:5%;float:left; padding-right:5px;" runat="server" Text="Prev" Enabled="true" />
<asp:Button ID="btnNext" style="width:5%;float:left;" runat="server" Text="Next" Enabled="true" />
<div style="float:left; width:30%; padding-left:10px; padding-right:10px;"><asp:CheckBox ID="chkShow" CssClass="SmallLabelStyle" AutoPostBack="true" runat="server" Text="Show both resolved and unresolved groups" /></div>
<div style="float:left; width:20%;" class="SmallLabelStyle"><asp:Label ID="lblfindgroup" runat="server" Text="Find Group:"></asp:Label><asp:TextBox ID="txtFindGroup" runat="server" Columns="3"></asp:TextBox><asp:Button ID="btnFindGroup" runat="server" Text="Find" /></div><asp:Label ID="lblScoreboard" CssClass="LabelStyle" style="float:right; font-style:italic;" runat="server" ></asp:Label></div>
The 2 buttons btnPrev and btnNext are included in some telerik:RadAjaxManager AjaxSettings as well.
On the initial load of the page the buttons above are skinned to the Web20 look but the btnPrev and btnNext appear shifted to the right. As best as I can see, the btnPrev is where the btnNext should be and the btnNext is to the right of btnPrev. The chkShow control is now under the btnNext control. The div that contains the lblfindgroup, txtfindgroup and btnFindGroup are now vertically aligned incorrectly where the label and textbox seem to be aligned to the bottom of its div container and the button seems to be aligned to the top of its div container.
I have both btnNext and btnPrev in RadAjaxManger. For example, btnNext -
<telerik:AjaxSetting AjaxControlID="btnNext">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid1" />
<telerik:AjaxUpdatedControl ControlID="gid" />
<telerik:AjaxUpdatedControl ControlID="dist" />
<telerik:AjaxUpdatedControl ControlID="btnNext" />
<telerik:AjaxUpdatedControl ControlID="btnPrev" />
<telerik:AjaxUpdatedControl ControlID="chkShow" />
<telerik:AjaxUpdatedControl ControlID="divlblStatus" />
</UpdatedControls>
</telerik:AjaxSetting>
When I click the btnNext button, my grid gets updated as expected but every control defined within the UpdatedControls loses its skin and reverts as before I added the FormsDecorator control. The Grid1 control keeps its Web20 skin but I have checkboxes in the grid. Those checkboxes revert back to no skin.
I would be glad to send you some screen shots if that would be helpful; its a little difficult to explain a visual desciption with words only.
Thanks...
3 Answers, 1 is accepted
Part of our company policy is that we do not support browsers in beta, and on the other hand Skinnable Form Controls are in beta as well. We will try to have most of the bugs fixed for the official release, but in the meantime, could you, please, send us a sample project demonstrating the issue so we are able to help with a solution?
Regards,
Martin Ivanov
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
I created a simple project based on my original page using the Northwind database to illustate the problem. Where do you want me to send the project files?
Please, open a new support ticket (not a forum thread) and send us your project.
Sincerely yours,
Martin Ivanov
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center