ADJUST COLUMN WIDTH | Voters

ADJUST COLUMN WIDTH

Linda van Gaalen

It would be nce to be able to adjust the column width in the preview screen, so you can determine which colums you would like to see in full and which not if you want all your data in the screen, tx!

February 19, 2023

Client Portal MK

Adding to this request - it would be great if we could choose columns widths other than full or half. As in, in each section, choose if we want 2 columns with widths of 80% and 20%, etc.

Team Stacker

Merged in a post:

Expand Content - Full Screen

Patrick Nailor

Have all content (tables, fields, highlights etc.) expand the full width of the available screen. This would allow more data to be visible in tables etc.

February 21, 2023

Team Stacker

Merged in a post:

Adjust column width and table sizes

Thu

February 21, 2023

Jeff Miller

I found a workaround in CSS that actually works very well for us. 
Disclaimer: the workaround shared below is relying on Stacker's continued use of hard-coded CSS styles to define widths. This is 100% dependent on the Stacker team not changing the underlying HTML source. Every time there is a change to the source HTML, it may break this fix and cause a number of unexpected results. Proceed with caution.
My problem was that list views are only displaying at a width of 1000px. My team uses 4k screens, so we were only using 1/2 of the available screen real estate.
The CSS styles from the Stacker team are hard-coded into the HTML, which means we have to override them using the !Important flag. This can have unintended consequences and should only be used as a last resort.
Furthermore, the div container for the list views does not have a class assigned to it. This prevents us from using a class selector, so we need to search by the actual styling text.
More details about how this workaround functions can be found here: https://css-tricks.com/override-inline-styles-with-css/
My CSS code is as shown below. You may need to tweak it to suit your exact application.
-set max width of most views to 2050px-
-the :not(.block) selector was necessary because this specific change 
made input forms unusable by running off the screen-
div[style*="width: 1000px;"]:not(.block){
width: 2025px !important;
}
-set the links at the top of the screen to match the list view width-
.css-ij0jxm {
max-width: 2025px;
}
-set the width of detail view containers to 2000px-
div[style*="max-width: 1000px;"]{
max-width: 2000px !important;
}

Alan Boust

I strongly agree with that, my wide screen seems so empty with only 3 cards by row...

matt billiodeaux

+1 for allowing the developer to set default column order and size and for allowing the end user to thereafter adjust the size of columns