button with style="display:none" displaying artifact

6 posts, 1 answers
  1. Joel
    Joel avatar
    166 posts
    Member since:
    Oct 2006

    Posted 17 Feb 2010 Link to this post

    In the attached page, the button set not to display with style="display:none", displays the rounded right side of the button when FormDecorator is applied.

    Any ideas?  Currently i just bumped it off the page, but I would like to get it fixed properly.


    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="nobutton.aspx.vb" Inherits="Junk_nobutton" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 
    <%@ Register Assembly="System.Web.Ajax" Namespace="System.Web.UI" TagPrefix="asp" %> 
     
     
    <!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> 
         
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" CombineScripts="false">        </asp:ToolkitScriptManager> 
    <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" EnableEmbeddedSkins="true" Skin="Forest" DecoratedControls="All"/> 
           
         
    <asp:Table runat="server" ID="tblbtn" HorizontalAlign="Left" > 
        <asp:TableRow> 
            <asp:TableCell> 
                <asp:Button ID="buttonOpen" runat="server" CausesValidation="false" style="display:none"   OnClientClick="javascript:popUp('help/cmj.aspx?lt=3')" />   
            </asp:TableCell> 
        </asp:TableRow> 
    </asp:Table> 
      
     <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" PopupControlID="buttonOpen" TargetControlID="buttonOpen"></asp:PopupControlExtender> 
         
         
      <script type="text/javascript" language="javascript"
          function popup2(checkbox) { 
              if (checkbox.checked) 
                  $get('<%= buttonOpen.ClientID %>').click(); 
              return true; 
          }   
      </script>  
        
        </div> 
        </form> 
    </body> 
    </html> 
     

  2. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 18 Feb 2010 Link to this post

    Hello Joel,

    Please note that RadFormDecorator does not check the styles set with the style property - otherwise it will severely degrade the performance of the control. In scenario like this one, I would suggest to wrap the button in some container - SPAN or DIV for example and to set display:none to the container itself.


    All the best,
    Georgi Tunev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Joel
    Joel avatar
    166 posts
    Member since:
    Oct 2006

    Posted 18 Feb 2010 Link to this post

    Perfect.  Thank you.
  5. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 15 Aug 2012 Link to this post

    Hi,
    I'm using the normal asp button with form decoration and want to make the button font bold but something in form decorator is overriding it. 
    would you please let me know how i can do it. 
  6. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 16 Aug 2012 Link to this post

    Hello,

    it is already answered to your question in another thread, but here it is again:

    Just wrap the button that you like to be bold in a span with a specific class name and cascade to make it bold:

    Copy Code
    <head runat="server">
        <title></title>
        <style type="text/css">
            .RadForm .boldButton .rfdDecorated {font-weight: bold !important;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
            <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />
            <span class="boldButton"><asp:Button ID="btn1" runat="server" Text="Bold Text" /></span>
            <asp:Button ID="Button1" runat="server" Text="Normal Text" />
        </form>
    </body>
    </html>


    Greetings,
    Bozhidar
    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.
  7. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 17 Aug 2012 Link to this post

    thanks very much and sorry for duplication
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017