Ajax Update call are making my DockZone loss the size

5 posts, 0 answers
  1. Guillermo
    Guillermo avatar
    13 posts
    Member since:
    Nov 2014

    Posted 17 Nov 2014 Link to this post

    Hi.

    Actually i´m working on a page that add several radDockZone by code, and need to associate them to an ajaxsetting to show an loading Panel. It works, but the problem is the RaddockZone loss their size (fixed at certain rate, for exple 49%, 49%) and act exaclty like if its size never be fixed (Adjusting his size) I tried to add Ajasetting by C# or by ASPX, tried to place my DockZones in several kind of container, but any works. If ajaxsettings for the Zone exits, His fixed size simply doesn´t works.

    The settings AjaxcontrolID and the updatecontrol controlID are the same, and it´s the ID of the RadDockZone which i need to update. I need to update it when a dock is docked in it but since there are several Docks and they can be place in several zones the right it´s RaddockZone update irself.

    I really appreciate if anybody has an idea about how it´s possible this strange fail occurs. I´d Like to know if i can try to solve it modifyng the update radDockZone event (which doesn´t appear in intellisense in VS) 

    Thanks in advance
  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 20 Nov 2014 Link to this post

    Hello Guillermo,

    If you set the size of the RadDockZone in percentage, its height and width will depend on the dimensions of its parent HTML element. Note that when you set the dock zone as an updated control, an UpdatePanel that most probably does not have fixed size is generated around it.

    That being said, you could use the UpdatePanelCssClass property of the telerik:AjaxUpdatedControl setting in order to configure the size of the update panel around the dock zone:
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadDockZone1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadDockZone1" UpdatePanelCssClass="updatePanelCssClass" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div style="width: 600px; height: 600px;">
        <telerik:RadDockLayout runat="server" ID="RadDockLayout1">
            <telerik:RadDockZone runat="server" Width="49%" Height="49%" ID="RadDockZone1"></telerik:RadDockZone>
        </telerik:RadDockLayout>
    </div>
    .updatePanelCssClass {
        width: 600px;
        height: 600px;
    }


    Regards,
    Slav
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Guillermo
    Guillermo avatar
    13 posts
    Member since:
    Nov 2014

    Posted 20 Nov 2014 Link to this post

    Better, but stills losing the size when control is docked. I mean, i have [x] RadDockZone (suppose 4) and when i change updatePanelCssClass, it works, but when i dock something in one of them, they take 100% of layout so cover all screen.
    I will continue to examine my possiibilities with CSS.

    Thanks for your help.
  5. Guillermo
    Guillermo avatar
    13 posts
    Member since:
    Nov 2014

    Posted 21 Nov 2014 Link to this post

    RadDock is Placed inside a <div> with RadAjaxManager Css Class.

    I.m tryng to modify CSS but results are very strange. If change height of one of htem it´s ok, but if i change two the first dissapears. and still losing any proportion when control is docked. tryng to change position(fixed, absolute, relative...), max-width, etc... But it´s simply like this <div>s doesn´t fixed in a right way to his parent.
  6. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 25 Nov 2014 Link to this post

    Hi Guillermo,

    The size of the RadDockZone should not be changed when you dock inside a RadDock control with greater width and height. Either the described behavior stems from the configuration of the controls on your end or I do not understand your scenario correctly.

    That being said, I will need a fully runnable sample that isolates the problem at hand in order to inspect it locally and to provide a more to the point answer.

    Regards,
    Slav
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017