topic Re: Line up Tab w/ Table in Calcite Design System Questions

Line up Tab w/ Table

tad — Wed, 27 Aug 2025 17:49:51 GMT

Hi,

I'm sure there's an easy way of doing this, but how do I get a calcite tab (with table) to line up with the map above it. There don't seem to be any height/width properties to use. I'm using the latest Calcite and ArcGIS Maps SDK. Any helpful tips on aligning Calcite components in general would be helpful. I know CSS files are used for much of it, but I haven't found how to use CSS for height/width properties on the components.

Here's what it looks like currently:

And here is the section of code for it:

Thanks

Re: Line up Tab w/ Table

KittyHurley — Thu, 28 Aug 2025 16:50:29 GMT

@tad Can't diagnose what might be happening with more code, but the following example should work with the use case: https://codepen.io/geospatialem/pen/QwjVOaB.

Table should expand to the full width by default so there might be some conflicting CSS causing the behavior in your example above.

Re: Line up Tab w/ Table

tad — Thu, 28 Aug 2025 17:40:59 GMT

You're right, conflicting CSS behavior. Thanks very much!