RadPopup- Placement

1 Answer 224 Views
Popup
Daniel
Top achievements
Rank 1
Silver
Bronze
Daniel asked on 04 Apr 2022, 05:23 AM

Hi,

I don't know if it open issue, but there is problem with placement of popup instead of right it show left.


  <telerikPrimitives:RadPopup.Popup >
                <telerikPrimitives:RadPopup x:Name="popupError"
                                  IsModal="False"
                                  OutsideBackgroundColor="#6F000000"
                                            Placement='Right'>
                    <telerikMauiControls:RadBorder CornerRadius="8"
                                         BackgroundColor="{DynamicResource PrimaryColor}">
                        <telerikMauiControls:RadScrollView HeightRequest="200">
                            <Grid Padding="20"
                                WidthRequest="200"
                                HeightRequest="170">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="40" />
                                    <RowDefinition Height="70" />
                                </Grid.RowDefinitions>
                                <Button Grid.Row="0"
                                    Padding="2"
                                   HorizontalOptions="End"
                                   Text="X"
                                   Clicked="OnClosePopup" 
                                  BackgroundColor="{DynamicResource PrimaryColor}" TextColor="White" />
                                <Label x:Name="labelError" Grid.Row="1" Text="" TextColor="White" HorizontalOptions="Center" VerticalOptions="Center"/>
                            </Grid>
                        </telerikMauiControls:RadScrollView>
                    </telerikMauiControls:RadBorder>
                </telerikPrimitives:RadPopup>
            </telerikPrimitives:RadPopup.Popup>

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 04 Apr 2022, 02:29 PM

Hello Danie, 

An answer of this question can be found here: https://www.telerik.com/forums/popup-location#5469586 

In order to visualize the popup on a specific position, there should have an element in relation to which the popup is positioned when it is open (PlacementTarget).  Then use the Placement property to align the popup to its placement target. 

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 04 Apr 2022, 02:31 PM

Placement  can use element binding ?
Didi
Telerik team
commented on 07 Apr 2022, 05:12 AM

Placement property is a Bindable property. You can review the API which the RadPopup provides.

How to check the Placement property:
 -> Hover the property with the mouse and press F12,
or
-> hover the property with the mouse, then press mouse right button and select Go To Definition (from the menu)

More details about Bindable properties can be found here: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/bindable-properties

 
Tags
Popup
Asked by
Daniel
Top achievements
Rank 1
Silver
Bronze
Answers by
Didi
Telerik team
Share this question
or