This is a migrated thread and some comments may be shown as answers.

Ajax Update call are making my DockZone loss the size

4 Answers 21 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Guillermo
Top achievements
Rank 1
Guillermo asked on 17 Nov 2014, 03:46 PM
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

4 Answers, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 20 Nov 2014, 01:54 PM
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.

 
0
Guillermo
Top achievements
Rank 1
answered on 20 Nov 2014, 02:40 PM
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.
0
Guillermo
Top achievements
Rank 1
answered on 21 Nov 2014, 08:13 AM
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.
0
Slav
Telerik team
answered on 25 Nov 2014, 01:26 PM
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.

 
Tags
Dock
Asked by
Guillermo
Top achievements
Rank 1
Answers by
Slav
Telerik team
Guillermo
Top achievements
Rank 1
Share this question
or