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

RadWindow contains RadGrid issue

13 Answers 216 Views
Window
This is a migrated thread and some comments may be shown as answers.
Ahmed
Top achievements
Rank 1
Ahmed asked on 13 Sep 2011, 03:30 PM
How are you
I want to ask about important issue that i need to solve it as soon as possible
My scenario is RadGrid inside RadWindow, When I maximize The RadWindow, i need to maximIze RadGrid to fit the content of RadWindow also, when i return RadWindow to its normal size, i want RadGrid to return to its normal size
Also, PageSize DropDownList not working when Maximizing RadWindow;it works only when The RadWindow is in its normal size
My RadGrid uses UseStaticHeaders property to equal true and had fixed Width and Height
My RadWindow Markup is
<telerik:RadWindow ID="RadDeploymentWindow" Title="<%$ Resources:Text, DeploymentWizard %>" 
    runat="server" VisibleOnPageLoad="false" VisibleStatusbar="false" Width="535px" 
    Modal="true" Height="350px" Behaviors="Close,Move,Maximize,Reload " Skin="Windows7" 
    IconUrl="~/Images/icons/Enterprise.png"> 
    <ContentTemplate>
My RadGrid Markup is
<telerik:RadGrid ID="DeploymentGrid" Skin="Office2007" runat="server" AutoGenerateColumns="False"
                                        AllowSorting="True" PageSize="10" ShowStatusBar="True" CellSpacing="0" GridLines="Both"
                                        AllowPaging="True" OnNeedDataSource="RadGrid_NeedDataSource" Height="225px" Width="516px"
                                        <ClientSettings
                                            <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
                                        </ClientSettings
                                        <ExportSettings IgnorePaging="true" ExportOnlyData="true" OpenInNewWindow="true"
                                            HideStructureColumns="true" Excel-Format="Html" FileName="ErrorsAndWarnings"
                                        </ExportSettings
                                        <MasterTableView DataKeyNames="ObjectID" AutoGenerateColumns="false" CommandItemDisplay="Top"
                                            CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false"
                                            <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" /> 
                                            <ItemStyle Wrap="false" /> 
                                            <Columns
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectID"
                                                    HeaderText="ID"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectType"
                                                    HeaderText="Type"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Name" HeaderText="Name"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Attribute"
                                                    HeaderText="Attribute"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Error" HeaderText="Description"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ProposedSoluation"
                                                    HeaderText="Proposed Solution"
                                                </telerik:GridBoundColumn
                                                <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Severity"
                                                    HeaderText="Severity"
                                                </telerik:GridBoundColumn
                                            </Columns
                                        </MasterTableView
                                        <ClientSettings
                                            <Resizing AllowColumnResize="True"></Resizing>                                             
                                        </ClientSettings
                                    </telerik:RadGrid>

13 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 14 Sep 2011, 12:43 PM
Hi Ahmed,

You can set the grid's Width in percents so that it resizes according to the available space. In your case perhaps 100% should do the trick. Please note that in order for this to work all its parent elements need to have explicit dimensions - either in pixels, or in percent, as this is a general HTML requirement for settings dimensions.

On the dropdowns not working - I am not sure what the reason may be, but I believe this is related to your other threads on the matter where the asp wizard is used. What I saw there was that there were generic AJAX issues and errors with your approach, although I cannot say anything more specific, since the code you had sent is not runnable. I would advise that you simplify the scenario - take out the RadWindow, as currently it is only an absolutely positioned DIV from the grid's point of view, and make sure your wizard works as expected.

I kindly ask you to post only one thread per issue in the future, as having four right now makes it difficult to track the progress and communication and also slows down the response times.


Best wishes,
Marin
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal
0
Ahmed
Top achievements
Rank 1
answered on 14 Sep 2011, 02:11 PM
Thank you
0
Ahmed
Top achievements
Rank 1
answered on 14 Sep 2011, 02:15 PM
Sorry ,i will send only one post for issue in the future
0
Ahmed
Top achievements
Rank 1
answered on 18 Sep 2011, 11:39 AM

it works correctly only if i remove

<Scrolling AllowScroll="true" UseStaticHeaders="true" />
but if i allow it, The resizing behavior not working and iam tried the workarounds i found in these forums but nothing happened
0
Marin Bratanov
Telerik team
answered on 20 Sep 2011, 04:02 PM
Hi Ahmed,

This seems to be working as expected on my end: http://screencast.com/t/w8HQm9NC. Please note when the RadWindow is maximized it gets a very big z-index by default (100000), This is the reason for the page size dropdown being invisible. It simply needs a bigger z-index, for example:
.rcbSlide
{
    z-index: 123456 !important;
}

or you can set the RadWindow's ShowOnTopWhenMaximized property to false (it defaults to true).

Please examine my test page that you can find attached to this thread and try to incorporate this functionality in your project. Please note the UpdatePanel wrapping the RadGird. It is placed so that I can page through the grid without performing a full postback on the page and thus the RadWindow will stay opened.

On a side note - I would advise that you also set the PagerStyle-AlwaysVisible property of the RadGrid to true in order to make sure that you will always have the pager even if there are less item than the page size.


Kind regards,
Marin
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
0
Ahmed
Top achievements
Rank 1
answered on 27 Sep 2011, 05:45 PM

Thanks, sorry for delay as i engaged in another task
when i made the changes you attached, The columns aren't aligned well. also, when i maximize, the grid doesn't fill the entire content of RadWindow. 
also. i want to resize Grid when returning window to its normal size if the user click Restore or resize the grid manually
note i fixed the Grid height to

 

225px

<telerik:RadWindow ID="RadDeploymentWindow" Title="<%$ Resources:Text, DeploymentWizard %>"
    runat="server" VisibleOnPageLoad="false" VisibleStatusbar="false" Width="535px"
    Modal="true" Height="350px" Behaviors="Close,Move,Maximize,Resize" Skin="Windows7"
    IconUrl="~/Images/icons/Enterprise.png" OnClientShow="RepaintGrid" ShowOnTopWhenMaximized="false" OnClientCommand="RepaintGrid" >
    <ContentTemplate>

 

 

 

 

<telerik:RadGrid ID="DeploymentGrid" BorderWidth="0" Skin="Office2007" runat="server" AutoGenerateColumns="False"
    AllowSorting="True" PageSize="10" ShowStatusBar="True" CellSpacing="0" GridLines="Both"
    OnNeedDataSource="RadGrid_NeedDataSource" AllowPaging="true"
     Height="225px" Width="100%" PagerStyle-AlwaysVisible ="true">
    <ClientSettings>
       <Scrolling AllowScroll="true" UseStaticHeaders="true" />
       <%--<Resizing AllowColumnResize="true" EnableRealTimeResize="false" />  --%>
    </ClientSettings>
    <ExportSettings IgnorePaging="true" ExportOnlyData="true" OpenInNewWindow="true"
        HideStructureColumns="true" Excel-Format="Html" FileName="ErrorsAndWarnings">
    </ExportSettings>
    <MasterTableView DataKeyNames="ObjectID" AutoGenerateColumns="false" CommandItemDisplay="Top"
        CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false">
        <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" />
        <ItemStyle Wrap="false" />
        <Columns>
            <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectID"
                HeaderText="ID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="ObjectType"
                HeaderText="Type">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Name" HeaderText="Name">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Center" DataField="Attribute"
                HeaderText="Attribute">
            </telerik:GridBoundColumn>

 

0
Marin Bratanov
Telerik team
answered on 29 Sep 2011, 08:19 AM
Hello Ahmed,

Please note the RepaintGrid() JavaScript function that is used to align the columns properly after the grid is resized. You can also attach it to the OnClientResizeEnd event. I did not attach it there as, if I recall correctly, your RadWIndow did not have this behavior allowed before. You should use it as well when you dynamically resize the grid, as this is not its intended use (to be resized dynamically).

On the matter of the wrong sizes - setting dimensions as percentage only works properly if all parent elements have certain dimensions set - either in percents, or in pixels. What I see in your screenshots is some more complex content, so you should make sure that all parent elements have their sizes set as well.


Kind regards,
Marin
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
0
Ahmed
Top achievements
Rank 1
answered on 05 Oct 2011, 10:48 AM
Thanks
I made all the changes you want but nothing happened
i don't know what i want
0
Ahmed
Top achievements
Rank 1
answered on 05 Oct 2011, 10:58 AM
sorry
i have another problem;When Closing RadWindow , the next time i open it , it will open again at the status when you close it
0
Marin Bratanov
Telerik team
answered on 06 Oct 2011, 09:30 AM
Hi Ahmed,

I am not sure what the reason for the wrong grid alignment can be as things are working fine on my end. My best guess is that some of the elements above the grid in the HTML hierarchy does not have dimensions set so the grid cannot calculate its own dimensions properly. You should also check for any JavaScript errors. If you are still unable to resolve this I advise that you open a regular support ticket and send us a fully runnable project that reproduces this behavior so we can examine it.

As for the state being preserved - you are using the content template, which is essentially an asp Panel in the page that is shown/hidden via CSS. There is no option in the framework for resetting such containers and therefore the RadWindow does not offer such a method. You can use an external page and set the RadWindow's ReloadOnShow property to true so that the page is reloaded from the server every time the window is shown. This is done by appending a random querystring to the URL and is, therefore impossible in this scenario.


Kind regards,
Marin
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
0
Rohan
Top achievements
Rank 1
answered on 23 Nov 2012, 02:42 PM
Hi all ,

I have radgrid  within the rad window , after the maximize rad window filter option if grid data bound columns not showing the filter option context menu and grid context menu .


please provide any example or solution .
Thanks You .
0
Slav
Telerik team
answered on 27 Nov 2012, 05:03 PM
Hello Rohan,

The z-index of the RadWindow is set to 100 000 when the control is maximized. Please locate the CSS class of the context menu and set a higher z-index so that it is displayed over the window.

Another option in this case is to set the RadWindow property ShowOnTopWhenMaximized to false.

Kind regards,
Slav
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.
0
Rohan
Top achievements
Rank 1
answered on 28 Nov 2012, 07:47 AM
Hi Salv,

Thank you for you replay ... it works for me...

Thanks you once again ...
Tags
Window
Asked by
Ahmed
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Ahmed
Top achievements
Rank 1
Rohan
Top achievements
Rank 1
Slav
Telerik team
Share this question
or