Rad Window modal pop up getting resized with screen resolution.

15 posts, 0 answers
  1. Pradeep
    Pradeep avatar
    10 posts
    Member since:
    Dec 2010

    Posted 16 Dec 2010 Link to this post

    Hi,
    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?
  2. Stephane Priolet
    Stephane Priolet avatar
    12 posts
    Member since:
    Mar 2007

    Posted 16 Dec 2010 Link to this post

    Hi,

    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,
  3. DevCraft banner
  4. George
    Admin
    George avatar
    1332 posts

    Posted 22 Dec 2010 Link to this post

    Hello,

    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.
     

    Regards,
    George
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  5. Pradeep
    Pradeep avatar
    10 posts
    Member since:
    Dec 2010

    Posted 23 Dec 2010 Link to this post

    Hi George,

    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) =>
                {
                    ProductWindow productWindow = new ProductWindow();
                    productWindow.ShowDialog();
                });
    The xaml code of the ProductWindow is given below
    <tkNavigation:RadWindow
       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>
    During 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.

    Regards
    Pradeep
  6. George
    Admin
    George avatar
    1332 posts

    Posted 29 Dec 2010 Link to this post

    Hello 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.

    Kind regards,
    George
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  7. Pradeep
    Pradeep avatar
    10 posts
    Member since:
    Dec 2010

    Posted 29 Dec 2010 Link to this post

    Hi George,

    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
  8. George
    Admin
    George avatar
    1332 posts

    Posted 04 Jan 2011 Link to this post

    Hi 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. 

    Best wishes,
    George
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  9. Pradeep
    Pradeep avatar
    10 posts
    Member since:
    Dec 2010

    Posted 05 Jan 2011 Link to this post

    Hi George,

    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
  10. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 11 Jan 2011 Link to this post

    Hi 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
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  11. Tim
    Tim avatar
    169 posts
    Member since:
    Apr 2008

    Posted 13 Jan 2011 Link to this post

    This behavior change is most unfortunate.  I have sized all the interior content of my application (the UserControls), but not the RadWindow containers.  Now, for a small(ish) browser window, everything is clipped when it did not use to be this way.  Now I have to either have them match, or move the size to the RadWindow, which may be used for different content/UserControl types of different sizes.

    Tim
  12. George
    Admin
    George avatar
    1332 posts

    Posted 19 Jan 2011 Link to this post

    Hello Tim,

     
    Thank you for your feedback, it helps us to improve our products. We will use it to consider the RadWindow behavior.

    Best wishes,
    George
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  13. Tim
    Tim avatar
    169 posts
    Member since:
    Apr 2008

    Posted 19 Jan 2011 Link to this post

    It appears, based on further examination, that the window wants to be inside the CenterParent and it clips the interior content as a result.  Note that CenterScreen wants to put a border around it which likewise (for sufficiently small windows) clips the interior content.

    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
  14. Denis
    Denis avatar
    18 posts
    Member since:
    Feb 2012

    Posted 08 Mar 2012 Link to this post

    Hi George I am having the same issue. Did you solve it?

    Thanks in advance
  15. Georgi
    Admin
    Georgi avatar
    347 posts

    Posted 14 Mar 2012 Link to this post

    Hello Denis,

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  16. Denis
    Denis avatar
    18 posts
    Member since:
    Feb 2012

    Posted 14 Mar 2012 Link to this post

    My use was that every time I open my RadWindows with a decrease re-size browser the RadWindow's top-bar  was impossible too reach and I couldn't close the radwindow even if I maximize the parent window. However, I have solved it using in RadWIndowManager this property KeepInScreenBounds="true" 
Back to Top
DevCraft banner