Popup in MAUI same like Rg.Plugin

Question

Popup in MAUI same like Rg.Plugin

Bhuwan 881

How to use popup in MAUI same like Rg.Plugin or suggested different like like Rg.Plugin because i am migrating my app Xamarin forms to MAUI but Rg.Plugin is not available in MAUI in place of this i am using Community Toolkit popup but not working same like Rg.Plugin.

Thanks

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-08-25T09:56:55.917+00:00

Hi @Bhuwan-0366 , For Rg.Plugin issue, you can post at their GitHub repo.
Please check Display pop-ups - .NET MAUI | Microsoft Learn . You said Community Toolkit popup is not working same like Rg.Plugin, may I ask what's you expected behavior? If it doesn't work for you, you have to customize the popup control.
Bhuwan 881 Reputation points

2022-08-25T10:54:13.813+00:00

Hi @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.)

attached image for your reference if i use Frame or Border the corner radius is working but with extra popup gray color is display

Bhuwan 881

        <Label Grid.Row="0" FontSize="16" Text="{x:Static resources:GlobalResource.APP_UPDATE_AVAILABLE}" Margin="12" HorizontalOptions="CenterAndExpand" TextColor="{StaticResource LabelPlaceHolder}"   
                   VerticalOptions="Center" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" />  

        <Label Grid.Row="1" FontSize="16" HorizontalOptions="CenterAndExpand" Text="{x:Static resources:GlobalResource.APP_UPDATE_MESSAGE}" Margin="10" TextColor="{StaticResource LabelPlaceHolder}"   
                   VerticalOptions="Center" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" />  

         
    </Grid>  
</Border>

Accepted answer

0 additional answers

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-08-25T09:56:55.917+00:00

Hi @Bhuwan-0366 , For Rg.Plugin issue, you can post at their GitHub repo.
Please check Display pop-ups - .NET MAUI | Microsoft Learn . You said Community Toolkit popup is not working same like Rg.Plugin, may I ask what's you expected behavior? If it doesn't work for you, you have to customize the popup control.
Bhuwan 881 Reputation points

2022-08-25T10:54:13.813+00:00

Hi @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.)

attached image for your reference if i use Frame or Border the corner radius is working but with extra popup gray color is display
Bhuwan 881 Reputation points

2022-08-25T10:55:22.247+00:00

<Border StrokeShape="RoundRectangle 20,20,20,20" Stroke="{StaticResource ButtonBackgroundColor}" StrokeThickness="1" Margin="-20,0,-20,0" Padding="0" HeightRequest="300" BackgroundColor="White" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
<Grid RowDefinitions="Auto,Auto" Padding="20" Margin="0" RowSpacing="10">

<Label Grid.Row="0" FontSize="16" Text="{x:Static resources:GlobalResource.APP_UPDATE_AVAILABLE}" Margin="12" HorizontalOptions="CenterAndExpand" TextColor="{StaticResource LabelPlaceHolder}" VerticalOptions="Center" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" /> <Label Grid.Row="1" FontSize="16" HorizontalOptions="CenterAndExpand" Text="{x:Static resources:GlobalResource.APP_UPDATE_MESSAGE}" Margin="10" TextColor="{StaticResource LabelPlaceHolder}" VerticalOptions="Center" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" /> </Grid> </Border>

Answer 1

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Microsoft External Staff

Hello @Bhuwan ,

if i use Frame or Border the corner radius is working but with extra popup gray color is display

You could try to add Color="Transparent" to the <xxx:Popup> , the extra popup grey will disappear.

Best Regards,
Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Bhuwan 881 Reputation points

2022-08-26T09:53:26.893+00:00

@Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) Thanks it's working now.
Bhuwan 881 Reputation points

2022-08-27T05:09:59.177+00:00

for background color it's working fine now but how to create popup like this. Because i am trying but not getting padding or margin top

Share via

Popup in MAUI same like Rg.Plugin

0 additional answers

Your answer