SAP Build App - Multiple Dates Field alignment

[anam_abbas]

Hi,

I've multiple Dates field in the Page and with the help of Z index overlapping issue is resolved. However until enough gap is maintained in right and bottom spacing the dates are not entirely visible. Kindly suggest.

Regards,

Anam

[Sankara1 · Accepted solution]

Hi Anam, 

the issue of date fields not being fully visible despite resolving the overlapping with Z-index could be due to constraints in the container size or padding/margin settings. Here are a few suggestions to address this:

1. Adjust Container Size:
   Ensure the container holding the date fields is large enough to accommodate the full content of the fields. You can do this by increasing the width and height of the container.

2. Padding and Margin Settings:
   Review the padding and margin settings of the container and the date fields. Sometimes, insufficient spacing can cause clipping. Add extra padding or margin to ensure the fields have enough room to display fully.

3. Field Alignment:
   Verify the alignment settings for the date fields. Set them to "Center" or "Stretch" as per your layout requirements to ensure they occupy the available space properly.

4. Scaling or Font Adjustment:
   Check the font size and scaling of the date fields. Reducing the font size slightly might help fit the content without needing large gaps.

5. Responsive Layout:
   If the app is responsive, test it on different screen sizes. Adjust the layout settings (e.g., flex or grid layout) to ensure the date fields are visible across various devices.

6. Inspect Element Styles:
   Use the debugging tools (like the developer console in the browser) to inspect the styles applied to the fields. Look for overflow, clip, or hidden properties that might be causing the issue and adjust them.

If the issue persists after applying these suggestions, please provide additional details, such as screenshots or the layout setup, for further assistance.