TeamDesk Knowledge Base & Support

cooper collier  1/7/2018 9:02:22 PM

I recommend selecting the largest option in the column properties.
Then.
Start by adding this to the dbstyles.css file and copy it to resources.
or uses stylish to play with it first, then add it to the dbstyles.css (its what I did)



.td-location{width:100%}

.td-delayload{
max-width:100%;
height:auto;
width:100%;
}

cooper collier  1/7/2018 9:07:43 PM

ps.. you cannot both do a user set maximum height and width 100% If you inspect the page you can see google maps is delivering the map as an image.

<img class="td-delayload" style="opacity: ............ height="120" width="120">

if you limit one dimension and make the other 100%, you will mess up the aspect ratio.

basenine 1/7/2018 9:24:33 PM

Thanks for this cooper

I’ll try this out

basenine 1/7/2018 9:59:00 PM

Thanks again.
Works well
😃

cooper collier  1/9/2018 7:55:13 AM

FYI I made a tutorial on the dbstyles.css. for anyone who may need it.
it is near the bottom

https://www.teamdesk.net/videos

basenine 1/9/2018 3:38:33 PM

Thank you cooper

basenine 1/10/2018 12:44:35 AM

Thanks again, Cooper.
The video's led me on a journey of discovery today. 👍

You should title them: "Everything you wanted to know about dbstyles.css, but were afraid to ask!"

basenine 1/13/2018 12:05:22 AM

Hello Cooper et al,

I found a way to resize and centre the map image without distortion.
And also, a way to resize specific maps in different tables.
You need to get the specific map detail (for example #f_11194910_value > div > a) and the result will look like this:

}
#f_11194910_value > div > a.td-location.td-map{
width: 100%;
max-height: auto;
margin-bottom: -35%;
margin-top: -35%;
}
.td-delayload{
max-width:100%;
height:auto;
width:100%;
}
#f_11180471_value> div > a.td-location.td-map{
width: 100%;
max-height: auto;
margin-bottom: -35%;
margin-top: -35%;
}
.td-delayload{
max-width:100%;
height:auto;
width:100%;
}

Important to note:
"f_11180471" is the column Id
".td-location.td-map" needs to go directly after the "a"...i.e.no spaces