Will attach more screenshots if needed, but problem is in title. The app was perfectly normal yesterday and is perfectly normal in preview mode but once I publish the app it seems that any container or shape that has a static height or width is stretching or almost doubles in size, or small lines I used as spacers are giant rectangles. I am not sure if this has anything to do with the issue where size on components are resetting to zero almost every time I open a new session so I have to reset all containers parent's width and height, but it's extremely infuriating. Note this is my first time using components so I do not know if there is some odd limitation that I am unaware of or something.
I have messed with a few features turning them off to see if that would have solved the issue but have had no luck.
To explain how I have things set up without a bunch of images:
NAVIGATION BAR
- The navigation bar is a container justified left and aligned center, parent height and width.
- The logo and profile picture are in their own containers with parent height and a static width.
- The company name, spacer, and app name are in their own horizontal container, justified left and aligned center.
- The container is parent height and flexible width to resize.
- The two text labels both have static heights and widths, the spacer's container is parent height with a static width.
Back Button And Label
- Horizontal container justified left and aligned center, parent height and width.
- Both the button and label have a parent height and a static width.
Form
- Because forms can't be used in components I have comboboxes and inputs that patch to a SharePoint.
- Each 'section' is in a vertical container that is in a horizontal container, in the main vertical container.
- The main container (vertical) is parent height and width and justifies start.
- The sub container (horizontal) is parent height and flexible width.
- The two section containers (vertical) are parent height and width, and justifies end and start respectively.
Days Counter
- A vertical container that justifies start with parent height and width.
- A text label with parent width and a static height.
- A container with parent width and a static height, with a rectangle that has a static width and parent height.
- Last is a gallery with parent width and a flexible height.
Below, attached is how the app looks in preview mode and how the app looks when started after being published.
I apologize if it is a bit confusing I'll try to explain as much as possible and provide as much more screenshots as possible if possible. Thanks!
