Answered

Shrink a container in mobile experience

(0) Share

Report

Posted on by MohanadElsayed5

Hello

I have the below app that will be userd in both web and mobile, the 2 cards on top should be reordered when the app is used on the mobile

I want the white and colored cards to shrink not resize, by shrink I mean like you shrink an image, all the component withen this container will remain in the same locations in relation to each other, as the below screenshot shows, I successfuly managed to reorder the cards based on the screen size and fix the card size if the screen width is below 400

how can I manage to shrink the control and all its controls? I don't want to manage each control seperatly, I think there should be a way to handle this use case

and thanks

Categories:

Mobile App

All responses (2)

Answers (1)

MohanadElsayed5 38 on at

Like (0)

Report

Re: Shrink a container in mobile experience

seems like alot of work for me, I have too many controls that it'll be a nightmare to do this solution
I think there's an easier way to do it
Verified answer

MissingLink 236 on at

Like (0)

Report

Re: Shrink a container in mobile experience

Hi @MohanadElsayed5
I had a similar issue a while back. I found that I needed to create a ton of custom properties for each object in the component.
So something like Card_1_Width, Card_1_Height, Card_1_Label_Width, Card_1_Label_Height, Card_1_TextField_Width, Card_1_TextField_Height, Card_1_Image_Width etc etc.

Then set the default properties of each, to the Custom properties as follows
Card_1.Width = Card_1_Width,
Card_1.Height = Card_1_Height,
Card_1.Width = Card_1_Label_Width etc.

Finally, set the default values for the CUSTOM properties as follows.
Card_1_Width.default =If(parent.width < 99, 45, 150)

Does that work for you?