Hiding controls at runtime and Popup Dimenisons

At present I am using Devexpress popup control cause its simplistic and allows for controls to be just their in the context of the popup is something like that simliar or possible with Synfusion just am having resizing issues with their and I see yours has a Full Screen property which would be usefull.

You will see below they have basically no item templates they allow you to have anything inside their popup controll basically

```

<dxp:DXPopup IsOpen="False" x:Name="dpWeightLiftingGoal" ShadowRadius="10" CornerRadius="40" >

        <Frame CornerRadius="40">

            <ScrollView >

                <StackLayout BackgroundColor="AliceBlue" VerticalOptions="StartAndExpand">



                    <syncfusion:SfRadioGroup Orientation="Horizontal" x:Name="rbEntryType" CheckedChanged="rbEntryType_CheckedChanged" VerticalOptions="End"

                                    Grid.Row="1" Grid.Column="1" >

                        <syncfusion:SfRadioButton x:Name="defaultWeight" Text="Set Default" TextColor="Black"/>

                        <syncfusion:SfRadioButton x:Name="newWeightEntry" Text="New Entry" TextColor="Black"/>

                    </syncfusion:SfRadioGroup>


                    <Frame x:Name="entrys">



                            <StackLayout >

                        <material:MaterialTextField x:Name="txtWeightTbDefaultWeight" Placeholder="TB Default Weight" InputType="Numeric" />

                    <Label x:Name="lbltype" Text="Please select workout type" TextColor="Black"></Label>


                    <Picker HorizontalOptions="FillAndExpand" Visual="Material" Title="Please select type" SelectedIndexChanged="rbType_SelectedIndexChanged" x:Name="rbType">

                        <Picker.Items>

                            <x:String>Bike</x:String>

                            <x:String>25 Yard</x:String>

                            <x:String>150 Yard</x:String>

                            <x:String>TB</x:String>

                            <x:String>BP</x:String>

                            <x:String>OP</x:String>

                            <x:String>PU</x:String>

                            <x:String>Jumps</x:String>

                                        </Picker.Items>

                    </Picker>



                                <Picker HorizontalOptions="FillAndExpand" Visual="Material" Title="Please select JUMP type" SelectedIndexChanged="pickJumptype_SelectedIndexChanged" IsVisible="false" x:Name="pickJumptype">

                                    <Picker.Items>

                                        <x:String>VJ</x:String>

                                        <x:String>Broad Jump</x:String>



                                    </Picker.Items>

                                </Picker>

                                <material:MaterialTextField x:Name="txtVJumped" Placeholder="Vertical Height Jumped" IsVisible="false" InputType="Numeric" />


                    <material:MaterialTextField x:Name="txtWeightTbDefaultReps" Placeholder="TB Default Reps" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightBPDefaultWeight" Placeholder="BP Default Weight" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightBPDefaultReps" Placeholder="BP Default Reps" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightOPDefaultWeight" Placeholder="OP Default Weight" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightOPDefaultReps" Placeholder="OP Default Reps" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightPUDefaultWeight" Placeholder="PU Default Weight" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightPUDefaultReps" Placeholder="PU Default Reps" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightAdvancedPUDefaultWeight" Placeholder="Advanced PU Default Weight" InputType="Numeric" />

                    <material:MaterialTextField x:Name="txtWeightAdvancedPUDefaultReps" Placeholder="Advanced PU Default Reps" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txtBroadJumpFeetDefault" Placeholder="Broad Jump Feet Default" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txtBroadJumpFeetInchesDefault" Placeholder="Broad Jump Inches Default" InputType="Numeric" />


                                <material:MaterialTextField x:Name="txtTwentyFiveYardsDefault" Placeholder="25 Yards Default" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txtOneFityYardsDefault" Placeholder="150 Yards Default" InputType="Numeric" />

                                <material:MaterialLabel Text="Broad Jump" x:Name="lblbroadJump" IsVisible="false" ></material:MaterialLabel>

                                    <material:MaterialTextField x:Name="txtBroadJumpFeet" Placeholder="Feet" IsVisible="false" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txtBroadJumpInches" Placeholder="Inches" IsVisible="false" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txttwentyFiveYard" Placeholder="25 Yard (seconds)" IsVisible="false" InputType="Numeric" />

                                <material:MaterialTextField x:Name="txtOneFiftyYard" Placeholder="150 Yard (seconds)" IsVisible="false" InputType="Numeric" />





                                <Label x:Name="lblpuType" Text="Please select pullup type " IsVisible="false" TextColor="Black"></Label>

                    <Picker HorizontalOptions="FillAndExpand" Title="Please select pullup type" IsVisible="false" SelectedIndexChanged="rbsubType_SelectedIndexChanged" x:Name="rbsubType">

                        <Picker.Items>

                            <x:String>Pull Up Hold</x:String>

                            <x:String>Pull Up</x:String>

                        </Picker.Items>

                    </Picker>

                    <material:MaterialTextField x:Name="txtBikeCalories" IsVisible="false" Placeholder="Enter the Bike Calories" InputType="Numeric" />


                    <material:MaterialTextField x:Name="txtBikeSeconds" IsVisible="false" Placeholder="Enter the number Bike Seconds" InputType="Numeric" />


                    <material:MaterialTextField x:Name="txtReps" Placeholder="Enter the number of Reps" InputType="Numeric" />



                    <material:MaterialTextField x:Name="txtWeight" Placeholder="Enter the Weight" InputType="Numeric" />



                    <material:MaterialTextField x:Name="txtSeconds" Placeholder="Enter the Seconds" InputType="Numeric" />


                    <Label x:Name="lbltargetText" Text="If Player achieved target click this to set their new target"></Label>

                    <syncfusion:SfCheckBox x:Name="chkPlayerTarget" Text="Target Achieved" TextColor="Black" StateChanged="chkPlayerTarget_StateChanged"></syncfusion:SfCheckBox>



                    <syncfusion:SfCheckBox x:Name="chkRecordHistory" Text="Record History" TextColor="Black"></syncfusion:SfCheckBox>


                        </StackLayout>

        </Frame>

                    <Button x:Name="btnSavePopup" Text="Update Time" BackgroundColor="Green" Clicked="btnSavePopup_Clicked" TextColor="White"></Button>


                    <Button x:Name="btnCancelGoal" Text="Cancel" BackgroundColor="Green" Clicked="btnCancelGoal_Clicked" TextColor="White"></Button>



                </StackLayout>

            </ScrollView>

        </Frame>

    </dxp:DXPopup>




3 Replies

SV Suja Venkatesan Syncfusion Team April 13, 2022 01:57 PM UTC

Hi David,


We would like to let you know that you can add custom control inside the control template of SfPopupview. Please our user guidelines documentation regarding creating simple SfPopupLayout project and customizing the SfPopupview content in the below link.


Creating Simple Popup UG link: https://help.syncfusion.com/xamarin/popup/getting-started#create-a-simple-popup

Customize Popup content UG link: https://help.syncfusion.com/xamarin/popup/layout-customizations#customizing-popup-content


Please let us know if you need any further assistance.


Regards,

Suja



DA David replied to Suja Venkatesan April 13, 2022 04:37 PM UTC

That doesnt really answer my question the dev express basically allows any control to be placed in side the popup tags without a data template why would i need a data template for a popup?



SV Suja Venkatesan Syncfusion Team April 18, 2022 03:12 AM UTC

Hi David,


We would like to let you know that SfPopupLayout allows you to fully customise the popup with custom header, body, and footer options. SfPopupLayout is a mapping control, which means that we map each property to its native view. Please let us know if you need any further assistance.


Regards,

Suja


Loader.
Up arrow icon