Scrollbars coming in safari not in IE.

2 posts, 0 answers
  1. Mike McGovern
    Mike McGovern avatar
    14 posts
    Member since:
    Feb 2004

    Posted 27 Oct 2011 Link to this post

    Hi,

    I have given 'Autosize' property for the Radwindow and set the height and width of the Page(Content) which can be accessed by the Rad Window.I have faced problem in safari that is am getting scrollbars inside Radwindow but not in IE.(See attached Image).
    How can I avoid the scrollbars in safari ?

    <telerik:RadWindowManager ID="RadWindowManagerAlertIssue" runat="server" VisibleStatusbar="False"
        EnableEmbeddedSkins="false" Skin="DDC" Behaviors="Close" ShowContentDuringLoad="false"  style="z-index: 1001"
        OnClientPageLoad="OnClientPageLoad" ReloadOnShow="true">
        <Windows>
            <telerik:RadWindow ID="DialogAlertIssue" Modal="true" IconUrl="/_WebControlsResources/Images/Icons/edit.gif"
                 AutoSize="true"  runat="server">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>


    Page inside the Radwindow

     
    <div>
                <table width="470px" height="150px" border="0" cellspacing="0" cellpadding="0" style="background: #afafd7 url(/_WebControlsResources/Images/TooltipPanels/RadTooltipBlue/email.jpg) no-repeat top right;">
                    <tr>
                        <td>
                        </td>
                        <td>
                        </td>
                        <td>
                            <div style="padding: 5px;">
                                <table>
                                    <tr>
                                        <td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px; width: 1%; white-space: nowrap;" align="right" >
                                            <asp:Label ID="Label1" Text="Default Issue:" runat="server" Font-Bold="True" />
                                        </td>
                                        <td style="color: #ffffff; font-size: 12px; font-weight: bold;" >
                                            <asp:CheckBox ID="cbxDefaultIssue" runat="server" />
                                            <img height="16" width="16" align="absmiddle" style="padding-right: 5px;" src="/_WebControlsResources/Images/Icons/info_violet.gif"/>
                                            <span id="span1" runat="server" style="font-weight: bold; font-size: 11px;">Note: Only one issue can be flagged as the default.</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px;" align="right">
                                            <asp:Label ID="Label2" Text="Issue:" runat="server" Font-Bold="True" />
                                        </td>
                                        <td style="color: #ffffff; font-size: 11px; font-weight: bold;" padding-left: 5px;">
                                            <asp:Label ID="lblIssueName" runat="server" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px;" align="right">
                                            <asp:Label ID="Label3" Text="Description:" runat="server" Font-Bold="True" />
                                        </td>
                                        <td colspan="2" style="color: #ffffff; font-size: 11px; font-weight: bold;">
                                            <asp:Label ID="lblDescription" runat="server" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr>
                       
                        <td colspan="4" height="36" valign="bottom">
                            <table height="36" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr valign="bottom">
                                    <td class="Curved_Plinth_Left_BlueOnTransparent">
                                        <img src="/_WebControlsResources/Images/spacer.gif" width="40" height="36"></td>
                                    <td valign="bottom" align="center" nowrap class="Curved_Plinth_Middle_Blue">
                                        <span class="NewPillBtn_GreenOnPlinthBlue">
                                            <asp:Button ID="ButtonSave" runat="server" Text="Save" OnClick="ButtonSave_Click" />
                                        </span>
                                    </td>
                                    <td valign="bottom" align="left" width="1" nowrap class="Curved_Plinth_Middle_Blue">
                                        <span class="NewPillBtn_BlueOnPlinthBlue">
                                            <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" OnClientClick="javascript:closeOnUpdate(false);" />
                                        </span>
                                    </td>
                                    <td class="Curved_Plinth_Right_BlueOnTransparent">
                                        <img src="/_WebControlsResources/Images/spacer.gif" width="40" height="36"></td>
                                </tr>
                            </table>
                        </td>
                       
                    </tr>
                </table>
            </div>

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    4627 posts

    Posted 28 Oct 2011 Link to this post

    Hi Rajesh,

    Have you followed the instructions from the following help article: http://www.telerik.com/help/aspnet-ajax/radwindow-troubleshooting-autosize-not-correct.html?

    Also can you confirm that you are using the Q2 2011 SP1 version of the controls?

    I tried your code and there was some invalid HTML in the content - unclosed img tags, one style attribute was closed too early with the quotation marks thus producing invalid attributes, several properties not set correctly, etc. You can use an online validator to check the HTML.

    Once I fixed these issues things seem to be working fine on my end: http://screencast.com/t/Xq7zsIodYNh. I am also attaching the page I tested with as a reference. I only changed the skin to the embedded Default skin as I do not have your custom skin. I hope in it you have not changed dimensions, but only sprites, as incorrect dimensions in the RadWindow elements may result in incorrect sizing. There is a known issue with the Autosizing under IE9 when ShowContentDuringLoad is set to false, so you may also try removing this property to see if this helps here, too.


    Greetings,
    Marin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top