Scrollbars coming in safari not in IE.

[Mike McGovern]

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>

[Marin Bratanov]

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