Placement Issues with ModalWindow

4 posts, 0 answers
  1. Matthew
    Matthew avatar
    32 posts
    Member since:
    Oct 2011

    Posted 08 Jul 2012 Link to this post

    OK, I really think I'm missing something here guys. Below is the widow that I'm trying to display. I want it to pop at the top like the RadMessageBox does. Here's a list of things I've tried.

    • Used the TopCenter value on the Placement property, it did pop at the top but the window contents went off the screen on both ends.
    • Used the PlacementTarget for the page and FitToPlacementTarget for the size, the content ends up centered on the screen which i could live with but when you try to set margins on the first Grid in the window you guys are doing something internally to the Margins and they don't come out right.
    • Did the same as above on the first "LayoutRoot" Grid.
    • Did the same as above but set the content to RootFrame from the 'App' class in code.
    • On each of those three things I tried playing with Vertical Alignment to push it to the top, only served to screw up the Margins like from above.

    Like I said, here's the window, very simple usage:

    <telerikPrimatives:RadModalWindow x:Name="reminderView">
        <Grid Background="{StaticResource PhoneBackgroundBrush}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
     
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
     
            <TextBlock Grid.ColumnSpan="2" Margin="12" Style="{StaticResource PhoneTextNormalStyle}" Text="{Binding LocalizedResources.ReminderMessageText, Source={StaticResource LocalizedStrings}}" TextWrapping="Wrap" />
            <TextBlock Grid.Row="1" Style="{StaticResource PhoneTextSubtleStyle}" Text="{Binding LocalizedResources.ReminderDateText, Source={StaticResource LocalizedStrings}}" />
            <telerikInput:RadDatePicker Grid.Row="2" Grid.ColumnSpan="2" Value="{Binding ReminderDate, Mode=TwoWay}" />
            <TextBlock Grid.Row="3" Style="{StaticResource PhoneTextSubtleStyle}" Text="{Binding LocalizedResources.ReminderTimeText, Source={StaticResource LocalizedStrings}}" />
            <telerikInput:RadTimePicker Grid.Row="4" Grid.ColumnSpan="2" Value="{Binding ReminderTime, Mode=TwoWay}" />
     
            <Button Grid.Row="5" Content="ok" />
            <Button Grid.Row="5" Grid.Column="1" Content="cancel" />
        </Grid>
    </telerikPrimatives:RadModalWindow>

    HELP!

  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 09 Jul 2012 Link to this post

    Hi Matthew,

    Thanks for writing.
    Just set these properties on RadModalWindow:

    IsFullScreen="True"
    HorizontalContentAlignment="Stretch"
    VerticalContentAlignment="Top"
    Please write again if you need further assistance.

    All the best,
    Victor
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. Matthew
    Matthew avatar
    32 posts
    Member since:
    Oct 2011

    Posted 09 Jul 2012 Link to this post

    Victor, as always you rock bro. It even loves my margins now!
  5. Vitalii
    Vitalii avatar
    104 posts
    Member since:
    Jul 2013

    Posted 03 Oct 2013 Link to this post

    Perfect properties for window, which holds RadListPicker.
Back to Top