im using RadFormDecorator together with a DIV and some form controls. The issue is that it refuses to render properly. I have the form inside a splitter pane it that might disturbe the issue.
<
telerik:RadFormDecorator ID="RadFormDecorator1" Skin="Web20" runat="server" DecorationZoneID="zonPersonalSettings" />
<div id"zonPersonalSettings">
<
asp:button ID="btnChooseRegion" runat="server" onclick="btnChooseRegion_Click"
Text="Region"/>
<hr />
<asp:button runat="server" Text="LoggaUt" id="Button1"
onclick="btnLogout_Click"></asp:Button>
</div>
The button´s graphics are rendered wrong so its only the left side of the image showing.
(like if it was the same problem on this forum it would only be the green bit on the "Post" buttons here on the forum)
Have i uploaded the graphics wrong somewhere or why isnt my buttons showing? (its the same error or all Skins im using, only left bit showing)
6 Answers, 1 is accepted
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="add.aspx.cs" Inherits="contentpages_news_Default" %> | |
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head runat="server"> | |
<title>Untitled Page</title> | |
</head> | |
<body> | |
<form id="form1" runat="server"> | |
<div> | |
<table width="100%"><tr><td width="90%"> | |
<telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> | |
</telerik:RadScriptManager> | |
<telerik:RadFormDecorator Skin="Web20" DecoratedControls="Buttons" ID="RadFormDecorator1" Runat="server" /> | |
<br /> | |
<telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="Office2007"> | |
<telerik:RadPane ID="RadPane1" Runat="server"> | |
<telerik:RadSlidingZone ID="RadSlidingZone1" Runat="server"> | |
<telerik:RadSlidingPane ID="RadSlidingPane1" Runat="server"> | |
<asp:Button ID="Button1" runat="server" Text="Button" /> | |
</telerik:RadSlidingPane> | |
</telerik:RadSlidingZone> | |
</telerik:RadPane> | |
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> | |
<telerik:RadPane ID="RadPane2" runat="server"> | |
</telerik:RadPane> | |
</telerik:RadSplitter> | |
<br /> | |
</td></tr></table> | |
</div> | |
</form> | |
</body> | |
</html> |
The display issue of the skinned buttons is caused by the fact that the initial state of the real buttons is hidden, as they are put in a hidden RadSplitter pane and thus they do not have any dimensions. However, there is a fix - please, add the following CSS code into the <head>...</head> section of your webpage or in your external stylesheets:
<
style type="text/css">
.radfdSkinnedFormButton
{
width: auto !important;
}
</style>
Regards,
Martin Ivanov
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
.radfdSkinnedFormButton
{
width: auto !important;
margin-top: 6px;
}
Thank you for reporting this. We are currently reconsidering the rendering of the skinned buttons and this issue will be fixed soon.
Sincerely yours,
Martin Ivanov
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center