Radwindow problem with autosize

10 posts, 0 answers
  1. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 26 Feb 2013 Link to this post

    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

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 26 Feb 2013 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 26 Feb 2013 Link to this post

    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
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 28 Feb 2013 Link to this post

    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
    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.
  6. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 04 Mar 2013 Link to this post

    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
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 06 Mar 2013 Link to this post

    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
    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.
  8. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 06 Mar 2013 Link to this post

    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?

     

  9. Ed
    Ed avatar
    18 posts
    Member since:
    Apr 2011

    Posted 06 Mar 2013 Link to this post

    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.
  10. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 06 Mar 2013 Link to this post

    so i need update to version q1 2013
  11. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 07 Mar 2013 Link to this post

    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
    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
UI for ASP.NET Ajax is Ready for VS 2017