[CLOSED] Chrome specific problem rendering image button on first opening of page

  1. #1

    [CLOSED] Chrome specific problem rendering image button on first opening of page

    Having a problem, seems to work properly in IE but in Chrome when you open the page for the first time (new browser or new tab) the imagebutton is not visible. If you refresh/reload the page it appears. Also if you move the imagebutton before the checkbox, you see it on the initial load of the page.

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    	<meta charset="utf-8" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager runat="server" />
      
    <ext:Viewport ID="vpSettings" runat="server" Layout="FitLayout">
        <Items>
            <ext:FormPanel id="formPnlSettings" runat="server" Layout="FitLayout">
                <items>
                    <ext:TabPanel
                        id="pnlTabs"
                        runat="server"
                        MarginSpec="0 0 20 0">
                        <Defaults>
                            <ext:Parameter Name="bodyPadding" Value="10" Mode="Raw" />
                            <ext:Parameter Name="autoScroll" Value="true" Mode="Raw" />
                        </Defaults>
                        <Items>
                            <ext:Panel
                                id="pnlCashManagement"
                                runat="server"
                                Title="Cash Management"
                        
                                AutoDataBind="true" >
                                <Items>
    
                                    <ext:Panel runat="server" Title="Cash Triggers" ID="plnCashTriggers" MarginSpec="0 0 10 0" Padding="10" DefaultAnchor="100%"
                                        Collapsible="true">
                                        <Items>
                                            <ext:FieldContainer MarginSpec="0 0 0 10" runat="server" AnchorHorizontal="100%" Layout="HBoxLayout" >
                                                <Items>
                                                    <ext:Label MarginSpec="7 5 0 0" Flex="1" runat="server" Text="Cash management triggers?"></ext:Label>
    
                                                    <ext:Checkbox Flex="1" ID="Trigger" runat="server" >
                                                    </ext:Checkbox>
    
                                                    <ext:ImageButton ID="btnHelpCashMtrigger" flex="1" MarginSpec="8 0 0 0"
                                                        runat="server" 
                                                        ToolTip="Click here to get help for this item" 
                                                        ImageUrl="~/Images/tiny-help.gif" 
                                                        >
                                                    </ext:ImageButton>
    
                                                </Items>
                                            </ext:FieldContainer>
                                        </Items>
                                    </ext:Panel>
    
                                </Items>
                                
    
                            </ext:Panel>
                        
    
    
                        </Items>
                            <BottomBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill></ext:ToolbarFill>
                                        <ext:Button ID="btnApplyChanges" runat="server" Text="Apply" >
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </BottomBar>
    
                    </ext:TabPanel>
    
                </items>
    
            </ext:FormPanel>
        </Items>
    </ext:Viewport>
        </div>
        </form>
    
    </body>
    </html>
    Last edited by fabricio.murta; Dec 26, 2017 at 2:56 PM. Reason: no feedback from the user in 7+ days
  2. #2
    Hello @rmelancon!

    I'm pretty confident you have the same issue that was discussed a couple months ago. Please check that up: Visual problem with Imagebuttons.

    In short, it is related to how you set up the image buttons' margins/padding CSS styling.

    Well, but I may be wrong, please review the thread pointed above and let us know if that's not the case.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hello!

    Been a while since we replied here and still no feedback. Do you still need help on this issue?

    We may mark this thread as closed if no feedback is provided in 7+ days from now. This won't prevent you from posting here afterwards so, take your time.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Chrome form rendering problem
    By maurox in forum 3.x Help
    Replies: 3
    Last Post: Mar 07, 2017, 1:29 PM
  2. Replies: 2
    Last Post: Feb 03, 2014, 5:38 PM
  3. Button in table rendering problem ( padding )
    By ulrikn in forum 1.x Help
    Replies: 1
    Last Post: Aug 31, 2010, 7:49 PM
  4. [CLOSED] IE7 page rendering problem?
    By danielg in forum 1.x Legacy Premium Help
    Replies: 43
    Last Post: Mar 24, 2010, 4:54 PM
  5. Replies: 6
    Last Post: Feb 03, 2010, 3:31 PM

Posting Permissions