Question regarding date input and time layout

Hi, The date/time components are out of place on my app design when viewing on the simulator. How can I fix the position of the components?


1 Like

Please provide a screenshot or project link. We can’t guess what you’re seeing and what might have caused it without more details.



Here’s a screenshot where I have the data input at the top (you can see the arrow) but I see it at the bottom of the screen when it is not clicked.

Before Clicking:

After Clicking:


Can You share a link to an app that demonstrates this behavior?

It’s on Add Notification screen after picking the subject.

1 Like

There is an unexpected behavior in the form when Scrollable is ON. If you switch it OFF then components will preserve their places.

@jared your comments on such screen behavior.

not sure whats happening on web preview, but let’s talk about your schema here. On mobile, i cant click the date input because it’s covered by the list viewer. even though the list is empty, it retains its dimensional properties and doesn’t shrink in height. the date is covered

I would recommend placing your elements in groups that you hide/show. I would hide the list after a choice. has been made and replace it with a label. Make the label look like a drop down like this Option ▼

and update option to the selected choice while keeping the down arrow. when the label is clicked, show the list on top of all other components with a white background.

Try placing things in groups like this

I place the selection label and list in a group. i placed that under another group that has all the inputs. group 2 placed just under the bottom of the label boundaries. click the label to show the list. select a list item to show the inputs.

Placing things in groups fixes the positioning for the most part.


Thank you, this really helped.

1 Like

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.