TeamDesk Knowledge Base & Support

cooper collier  3/21/2023 10:53:40 AM

You can change this with some CSS code. It's fairly simple.
There is a video on how to use CSS in the videos help.

Dale Oliver 3/21/2023 11:38:40 AM

Like this idea, would be a great idea, espcially where lots of filters are used.

cooper collier  3/21/2023 11:48:44 AM

OK because I am super nice here is a link to a screenshot of one of the dashboards for a client.
sorry no way to add images to this comment.
https://photos.app.goo.gl/QQJtc8QA9xZ1WKXn8

and here is the CSS used to make it happen.
I simply add it as an invisible section to the dashboard.

<style>
#section_ > div {
display: flex;
flex-flow: row wrap;

border: 1px solid #333;
}


dl{width:300px!important}
dt{width:75px!important;font-size:10px}
dd{width:200px;margin-left:75px!important}
.fs-attr{width:200px!Important}
select {width:196px!Important}
.ui-multiselect {width:198px!Important;min-width: 99px;}
.td-daterange {width:198px!Important;min-width: 99px;max-width: 200px}

#af_11367595_value > div > div > button {width:198px!Important;min-width: 99px;max-width: 200px}
#af_22740645_value > div > div > button {width:198px!Important;min-width: 99px;max-width: 200px}



/*make the buttons wrap*/
td.fs-fixedcol > nobr > a {width:100px;border-width:1px;border-radius:0px;border-color:black;float:left;}
td.fs-fixedcol > nobr > button {width:100px;border-width:1px;border-radius:0px;border-color:black;float:left;font-size:9px!important;}

/*set the width of the first column*/
.td.fs-fixedcol {max-width:260px!important;width: 150px!important}


</style>

cooper collier  3/21/2023 11:49:34 AM

OF COURSE
this CSS will not work for your Database...
it is just an example!

Scott Miller 3/22/2023 4:29:49 AM

Thanks Cooper!