I have 3 fields in my dialog. When i open the dialog, it displays those 3 fields but the right side border is missing on all 3. May be the width is too big to display within the dialog. Please see below snapshot.
When i maximize the dialog, they appear fine.
Just wanted to check if we need to make any changes to width of fields appearing in dialog. Or this is an existing bug?
Please advise.
Views
Replies
Total Likes
Hi,
It depends how you've created dialog.
If you'll directly render items inside container it would be look like this.
Better to use fixed column layout for rendering content.
Examples of test-comp without and with layout:
Without Layout
With Layout
e.g. Adobe Experience Manager Help | Creating your first Adobe Experience Manager Touch UI component
Thanks
Arun
Views
Replies
Total Likes
Thanks Arun.
I'm already using 'granite/ui/components/coral/foundation/fixedcolumns' as sling:resourceType for all the 3 tabs in my dialogs. As you can see in the screenshot, left side it is coming correctly, but right side its cut.
Any other settings/properties we need to change?
Views
Replies
Total Likes
I don't thinks so, You just need to follow proper layout.
Example List - HTL components
Views
Replies
Total Likes
Followed this exact structure but still its not working. See below -
Views
Replies
Total Likes
Hi,
Could you please check if you are facing same issue with OOTB components? for example List component.
If not, you can take reference from List component?
or could you please post your dialog xml here?
Thanks
Arun
Views
Replies
Total Likes
This should not happen - you should see this:
To see this - install the package from this article.
Building Experience Manager Components using Granite/Coral Resource Types
Install section corresponding to the Use WCMUSEPOJO with the component section.
As Arun suggests - its the way you created your dialog.
This is the dialog from that package - as you can see - the borders are fine:
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies