I am using Rad Window modal pop ups to input data from the user. I am using auto sizing for the pop ups. When I opens the pop up in certain resolutions or when the browser window is minimized the modal pop up get re-sized automatically and control buttons at the bottom of the pop up cannot be seen as the pop up gets chopped off.
I have attached the screen shot of one similar pop up when browser window is in maximized position and minimized position.
Is there any option to prevent the resizing of the modal pop up with resolution or browser resizing?
Can anyone help me out on this?
14 Answers, 1 is accepted
Same scenario, same "issue" after change 2009 (2009.2.0812.1030) dll version by Q2 2010 (2010.2.0924.1040).
Is there any solution without fix width and height on content ?
Thank you,
Could you please share with us the code you use? It would be very helpful to reproduce the problem.
I am glad to assist you further.
George
the Telerik team
First of all thanks for replying for the post.
In my code, I am calling a modal pop up while clicking a button which is given below
ProductsButton.Click += ((sender, e) =>The xaml code of the ProductWindow is given below
{
ProductWindow productWindow = new ProductWindow();
productWindow.ShowDialog();
});
<tkNavigation:RadWindowDuring re-size of the browser window, automatically the modal pop up gets chopped off as shown in the attached screen shot in my first post and I won't be able to see the select or cancel buttons at the bottom. As Stephane Priolet replied I also did a version change. Hope this helps.
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:tkNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:Blacklight_Controls="clr-namespace:Blacklight.Controls;assembly=Blacklight.Controls"
xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
mc:Ignorable="d" WindowStartupLocation="CenterScreen" ResizeMode="NoResize"
x:Class="PK.Controls.ProductWindow"
Header="Product" x:Name="ProductWindowRoot">
<Grid Width="400" Height="500" Margin="5">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<ScrollViewer VerticalScrollBarVisibility="Auto">
<!--My ItemTemplate inside this scrollViewer-->
</ScrollViewer>
<Border Grid.Row="2" Margin="0,2">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,8" VerticalAlignment="Center">
<Button x:Name="SelectButton" Content="Select" TabIndex="1"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,0,5,0"/>
<Button x:Name="CancelButton" Content="Cancel" TabIndex="2"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,0,5,0"/>
</StackPanel>
</Border>
</Grid>
</tkNavigation:RadWindow>
Regards
Pradeep
I tried to reproduce the issue, but to no avail. Attached you can find the sample. Please, let me know if you can reproduce the problem with the sample project. I tested the project with the latest Q3 binaries.
George
the Telerik team
Thanks for sending me the sample project The issue exists in the sample project also. If I am opening the product window in the browser minimized state, the window automatically gets chopped off. The issue exists even in browser maximized state with certain smaller screen resolutions.
Regards
Pradeep
Sorry for this misunderstanding. I would suggest you to remove the Width and the Height of the Grid. Because it is with static size, the layout is clipped.
George
the Telerik team
Thanks for your reply. I removed the grid static height and width as you mentioned. But then, when I open the window the window size is small. When I put a stack panel with 5 to 6 text box with fixed width in the browser maximized state the window is not clipped and attains the width and height of content inside, but after making the browser minimized to half the screen size I get the clipped layout.
Just to make it clear, please follow the steps to reproduce the problem in the sample project you uploaded earlier
1- Run the solution with browser minimized to half the size of the screen.
2- Click to open the window.
3- See the window clipped from bottom.
This becomes an issue when I have to show dynamic content inside the modal pop up. If its a static content I can give fixed height and width to prevent the clipping. But if dynamic contents have to be shown the width and height should be automatically adjusted which stops me from giving fixed width and height.
Regards
Pradeep
This happens, because if the Window doesn't have any Width/Height set, it measures itself with a size, depending on the browser size in order to render in the visible area. To overcome this you need to set either MinWidthHeight to the RadWindow control or to set static Width/Height to it.
Kind regards,Miroslav Nedyalkov
the Telerik team
Tim
Thank you for your feedback, it helps us to improve our products. We will use it to consider the RadWindow behavior.
George
the Telerik team
I ended up putting the same height on all my RadWindow objects as their parents and removed (most of) the size information in the content. Combine this with the elimination of the RadFrame/RadPage navigation and it's been about a three week effort to move to Silverlight 4, the built-in navigation and the latest Telerik bits - most previous upgrades were a day or two.
Tim
Thanks in advance
Can you please specify the exact problem that you have? Step to reproduce or simple project would be helpful.
All the best,
Georgi
the Telerik team