Radwindow problem with autosize

[Fabio Cirillo]

Hello,

i've the problem with autosize radwindow, because whan i open radwindow you can see the scroolbar I would rather that not be seen.

this is the code of the web page that call radwindow:

<telerik:RadWindow ID="RadWindowCard" runat="server" AutoSize="True" IconUrl="/image/iconlogo.png"
    ReloadOnShow="True" NavigateUrl="publicard.aspx" Behaviors="Close" RestrictionZoneID="NavigateUrlZone"
    Height="100" Skin="Simple" VisibleStatusbar="False" Title="Caricamento biglietto da visita..."
    ShowContentDuringLoad="False" Width="300" Modal="true">
</telerik:RadWindow>

and code behind is:

Dim script As String = "function f(){$find(""" + RadWindowCard.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"
ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "key", script, True)

code behind

Dim script As String = "function f(){$find(""" + RadWindowCard.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"
ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "key", script, True)

this is the code web page that is load into radwindow:

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
        </asp:ScriptManager>
        <asp:HiddenField ID="contenitoredati" runat="server" />
        <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server"
        DecoratedControls="Default, Textbox, Textarea, Label" Skin="Sunset" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ImageButtonRicerca">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Panel1"
                            LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadMenu1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1"
                            LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadNotification ID="RadNotification1" runat="server"
                   AutoCloseDelay="3500" Height="100px" Skin="Simple" Title="Trycontact"
                   TitleIcon="~/Image/iconlogo.png" Width="400px" Position="Center">
               </telerik:RadNotification>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"
            Skin="Simple" BorderColor="#D5842B" BorderStyle="Double"
            HorizontalAlign="Center" BorderWidth="1px">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadWindowManager ID="RadWindow_Conferma" runat="server" Modal="True" Skin="Office2010Silver">
              <Windows>
                   <telerik:RadWindow ID="RadWindowAppuntamento" runat="server"
                      ShowContentDuringLoad="false" Width="527px" Height="450px" Title="Richiesta appuntamento" Behaviors="None"
                      Modal="True" IconUrl="/image/iconlogo.png" Behavior="None" Font-Names="Verdana" Font-Size="Small"
                      VisibleStatusbar="False" Skin="Simple" ReloadOnShow="True" NavigateUrl="appuntamento.aspx">
                    </telerik:RadWindow>
               </Windows>
        </telerik:RadWindowManager>
       <div class="profilebody">
       </div>
    </form>

this is css code:

.profilebody
{
            background-image: url('/Image/banner.jpg');
            background-repeat: no-repeat;
            width: 1024px;
            height: 85px;
            text-align:center;
            font-family: Verdana;
            font-size: small;
            margin: 0px;
            border: 0px;
            position: static;
}

please to see the image posted: name image is immagine_new.jpg

[Marin Bratanov]

Hi Fabio,

We are aware of some autosizing issues with the Simple skin that arise from the fact that it has different dimensions than the original skins that are available. The autosizing functionality is highly dependant on precise dimensions so all skins with different dimensions can cause issues.

I advise that you use a different skin, e.g. Default, office2010silver, Sitefinity, Telerik or Windows7 which are all primarily grey.


Greetings,
Marin Bratanov
the Telerik team

[Fabio Cirillo]

Hi,
ok with this  skin="office2010silver"..its good....can i ask you if i can use as imageloading into radwindow, that of the skin Simple? Or a personal image?

as in the image posted

[Marin Bratanov]

Hello Fabio,

The following KB article will show you how to do this: http://www.telerik.com/support/kb/aspnet-ajax/window/custom-loading-sign-for-radwindow.aspx.


All the best,
Marin Bratanov
the Telerik team

[Fabio Cirillo]

hi,
sorry but with this code the autosize not function:

<telerik:RadWindowManager ID="RadWindow_Conferma" runat="server" Modal="True" Skin="Office2010Silver">
<Windows>
<telerik:RadWindow ID="RadWindowAppuntamento" runat="server"
ShowContentDuringLoad="false" AutoSize="true"
Title="Richiesta appuntamento" Behaviors="Close"
Modal="True" IconUrl="/image/iconlogo.png" KeepInScreenBounds="false"
Font-Names="Verdana" Font-Size="Small"
VisibleStatusbar="False" ReloadOnShow="True"
NavigateUrl="appuntamento.aspx"
InitialBehaviors="Close" AutoSizeBehaviors="Width, Height">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

the radwindow after load becomes small!!

bye

[Marin Bratanov]

Hello Fabio,

Changing the loading image can hardly be the reason for incorrect autosizing. What I advise is that you review the following help article and apply the suggestions it lists: http://www.telerik.com/help/aspnet-ajax/window-troubleshooting-autosize-not-correct.html. Following the approach there should yield a properly working autosizing for the content page.


Kind regards,
Marin Bratanov
the Telerik team

[Fabio Cirillo]

i've used the validation service in this website: /validator.w3.org. to see if my code html is wrong, but ther's not errors...
Then i dont understund because the my radwindow dont function...Please the property KeepInScreenBounds what is?

 

[Ed]

I have also noticed that, with the 2013 Q1 update, RadWindows are no longer sizing correctly. These all worked with the prior version. If I bump the height if the containing table by 2 pixels, the display is correct. Without that, I have both scroll bars showing.

[Fabio Cirillo]

so i need update to version q1 2013

[Marin Bratanov]

Hi guys,

We have not made any changes to the autosizing functionality recently. We are currently working on improving it for the non-standard skins, but this is not included in the Q1 2013 release.

I am not aware of issues with the autosizing if all the requirements from the article are satisfied. The main concept is that the page inside must have some static layout. If it is dynamic it will attempt to resize according to the RadWindow, while RadWindow is going to attempt to resize with the page, which obviously cannot work.

How autosizing works, essentially - reduces the size of the popup and attempts to measure how much the page overflows. Thus, if the content is completely fluid (e.g. everything is floated or absolutely positioned), and there are no solid dimensions, or the overflow is completely removed from the page things can break.

@Ed: I have seen a similar issue with a few pixels caused by using a Strict doctype and switching to the Transitional resolved it.


Regards,
Marin Bratanov
the Telerik team