I have a screen with a dynamic heading that changes based on the journey type:
-
For Company-based journeys, the heading is “BO/SMO Identification” (which is working fine).
-
For Partnership-based journeys, the heading should be “BO/PARTNER Identification”, but it is not updating correctly when navigating to this screen from a partnership journey.
When I land on this page from a company journey, the heading works as expected. However, when I navigate from a partnership journey, the heading does not update properly.
I’ve attached screenshots for both cases. What could be causing this issue, and how can I fix it?
2 Likes
Hi @Ritik_Dixit,
You can follow the guidelines below to fix this UI.
-
Separate the elements into two rows; the text that writes "BO/SMO IDENTIFICATION or BO/PARTNER IDENTIFICATION should be grouped in a real row.
-
The back icon, home icon, and text row should be grouped into one row.
Note: There will be 2 rows needed inside the Header only.
-
Now, provide the padding on the parent, which groups the icons and rows.
-
keep the text element inside the child row as Wrap and the alignment of the row should be as Left.
-
For Identification text, we have to provide some manual size for the text because, as per your requirement, the length of SMO/Partner text can break the alignment for Identification text.
-
For text manual size, you can provide 45 % as width.
I hope this resolves your query, and if it does, then please mark it as a solution.
3 Likes
