Height and Width of Application Card

414
1
07-27-2023 12:32 PM
Ed_
by MVP Regular Contributor
MVP Regular Contributor

In case of an `Application` card the `height` of the card can be defined in `Hub` like 500 or 2000 or etc. Now, let's say I embed a `Application` card into a `Row` card and keep the Application width to say `400` then what will be the width of the `Application` card?

Question | Analyze | Visualize
Tags (3)
0 Kudos
1 Reply
KlaraSchmitt
Esri Regular Contributor

If you have a row set to layout: box, the max width of the row is 1170px with 15px of padding on either side. If you are using layout: wide, then the max width of the row will be the width of the viewport (browser) minus 15px of padding on either side.

But the grid is responsive, so if you adjust your viewport, then the grid will resize, which will shrink the row width and possibly the application width depending on how you have your application configured. If you have used HTML to force a 400px width on the application card, then you may see no changes. If you are using an application card with a spacer card, then the application card may grow smaller to maintain an ~50% layout. If you are using an application card and the spacer card is hidden on mobile, then the application card will expand to fill the full-width of the row and will be the size of the viewport.

0 Kudos