Select to view content in your preferred language

Line up Tab w/ Table

170
2
Jump to solution
2 weeks ago
tad
by
Occasional Contributor

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:

tad_0-1756316582255.png

And here is the section of code for it:

tad_1-1756316812391.png

Thanks

0 Kudos
1 Solution

Accepted Solutions
KittyHurley
Esri Contributor

@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.

View solution in original post

2 Replies
KittyHurley
Esri Contributor

@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.

tad
by
Occasional Contributor

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