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
My RadGrid Markup is
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
>
<
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
0
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
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"
/>
0
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:
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
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
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
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
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
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
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
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 .
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
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
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 ...
Thank you for you replay ... it works for me...
Thanks you once again ...