This is a migrated thread and some comments may be shown as answers.

[Solved] button with style="display:none" displaying artifact

5 Answers 1114 Views

FormDecorator

This is a migrated thread and some comments may be shown as answers.

Joel asked on 17 Feb 2010, 04:09 PM

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>

5 Answers, 1 is accepted

Accepted

answered on 18 Feb 2010, 11:51 AM

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.

answered on 16 Aug 2012, 11:33 AM

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.

[Solved] button with style=&quot;display:none&quot; displaying artifact

5 Answers, 1 is accepted

[Solved] button with style="display:none" displaying artifact