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

button with style="display:none" displaying artifact

5 Answers 931 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 2
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

Sort by
0
Accepted
Georgi Tunev
Telerik team
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.
0
Joel
Top achievements
Rank 2
answered on 18 Feb 2010, 01:36 PM
Perfect.  Thank you.
0
Mohammed
Top achievements
Rank 2
answered on 15 Aug 2012, 08:44 PM
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. 
0
Bozhidar
Telerik team
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.
0
Mohammed
Top achievements
Rank 2
answered on 17 Aug 2012, 02:19 PM
thanks very much and sorry for duplication
Tags
FormDecorator
Asked by
Joel
Top achievements
Rank 2
Answers by
Georgi Tunev
Telerik team
Joel
Top achievements
Rank 2
Mohammed
Top achievements
Rank 2
Bozhidar
Telerik team
Share this question
or