DevTools for .NET

Products Dropdown menu
The Ultimate toolbox for developers
WEB UI CONTROLS & COMPONENTS
DESKTOP UI CONTROLS & COMPONENTS
- WPF
- WinForms
VISUAL STUDIO PRODUCTIVITY TOOLS
HTML5 / JavaScript Widgets
DATA TOOLS
- Reporting
- OpenAccess
MOBILE UI CONTROLS
- Windows Phone
Unit & Functional Testing
- Test Studio Express
- JustMock
Download Free Trial With dedicated support.
Online demos
Free trials
Purchase Dropdown menu
Buy the Ultimate toolbox for developers
Buy Online
Call us
- USA:+1-888-365-2779
- UK:+44-20-7291-0580
- Bulgaria:+359-2-8099850
- Germany:+49-89-2441642-70
Community & Support Dropdown menu
Welcome to the Telerik community
Community programs
Like us on facebook Follow us on twitter
Services
Blogs

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAXFormDecoratorbutton with style="display:none" displaying artifact

Answered button with style="display:none" displaying artifact

Feed from this thread

Joel Intermediate

Posted on Feb 17, 2010 (permalink)

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>

Answer Georgi Tunev Georgi Tunev

Posted on Feb 18, 2010 (permalink)

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.

Reply