Button rendering wrong

7 posts, 0 answers
  1. Per
    Per avatar
    14 posts
    Member since:
    Mar 2008

    Posted 19 May 2008 Link to this post

    Hi,
    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)

  2. Per
    Per avatar
    14 posts
    Member since:
    Mar 2008

    Posted 19 May 2008 Link to this post

    this is an example iv´e set up to Demo the issue. Dont know if its local but the button is rendered the way i explained above. (only left bit of graphic are showing)

    1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="add.aspx.cs" Inherits="contentpages_news_Default" %> 
    2  
    3 <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
    4  
    5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    6  
    7 <html xmlns="http://www.w3.org/1999/xhtml">  
    8 <head runat="server">  
    9     <title>Untitled Page</title> 
    10          
    11 </head> 
    12 <body> 
    13     <form id="form1" runat="server">  
    14     <div> 
    15    <table width="100%"><tr><td width="90%">  
    16        <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
    17        </telerik:RadScriptManager> 
    18        <telerik:RadFormDecorator Skin="Web20" DecoratedControls="Buttons" ID="RadFormDecorator1" Runat="server" /> 
    19        <br /> 
    20        <telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="Office2007">  
    21            <telerik:RadPane ID="RadPane1" Runat="server">  
    22                <telerik:RadSlidingZone ID="RadSlidingZone1" Runat="server">  
    23                    <telerik:RadSlidingPane ID="RadSlidingPane1" Runat="server">  
    24                        <asp:Button ID="Button1" runat="server" Text="Button" /> 
    25                    </telerik:RadSlidingPane> 
    26                </telerik:RadSlidingZone> 
    27            </telerik:RadPane> 
    28            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
    29            <telerik:RadPane ID="RadPane2" runat="server">  
    30            </telerik:RadPane> 
    31        </telerik:RadSplitter> 
    32        <br /> 
    33        </td></tr></table> 
    34     </div> 
    35     </form> 
    36 </body> 
    37 </html> 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dave Miller
    Dave Miller avatar
    64 posts
    Member since:
    Oct 2004

    Posted 20 May 2008 Link to this post

    I am also having this problem. Seems to be intermittent and mainly happens when the page is loaded inside a RadWindow.
  5. Martin
    Admin
    Martin avatar
    585 posts

    Posted 21 May 2008 Link to this post

    Hi Dave Miller,

    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
  6. Fabio Videira
    Fabio Videira avatar
    6 posts
    Member since:
    May 2006

    Posted 25 Jun 2008 Link to this post

    I was also having issues lining up the button with a text box.  So I changed the style a bit more and got it working just fine.

    .radfdSkinnedFormButton

    {

    width: auto !important;

    margin-top: 6px;

    }

  7. Martin
    Admin
    Martin avatar
    585 posts

    Posted 01 Jul 2008 Link to this post

    Hi Fabio Videira,

    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
  8. Terry Guarisco
    Terry Guarisco avatar
    1 posts
    Member since:
    Oct 2008

    Posted 15 Oct 2008 Link to this post

    *
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017