Page 1 of 1
Shrink a field?
Posted: Mon Oct 06, 2025 4:06 pm
by Paul
Is there a way to "shrink" this entire item down to a smaller footprint?
time-shrink.PNG
Re: Shrink a field?
Posted: Mon Oct 06, 2025 4:17 pm
by Paul
ChatGPT comes through again...!
Added this CSS in the object properties:
Code: Select all
transform: scale(0.65); transform-origin: center;
but the label doesn't get re-sized?
Re: Shrink a field?
Posted: Mon Oct 06, 2025 4:32 pm
by kev1n
You will need to apply the css separately to the label by JS
Re: Shrink a field?
Posted: Mon Oct 06, 2025 6:46 pm
by Paul
ChatGPT gave me this:
Code: Select all
label[for="audio_1_time"] {
font-size: 6px !important;
}
but I get an error:
Uncaught SyntaxError: Unexpected token 'for'
Re: Shrink a field?
Posted: Tue Oct 07, 2025 12:32 am
by Paul
Got this code to work, but the placement of the label is not so good. I need 'Audio 1 Time' much closer to the date/time box (beside, not above).
Code: Select all
const style = document.createElement('style');
style.textContent = `label[for="audio_1_time"] {
font-size: 9px !important;
}`;
document.head.appendChild(style);
audio-1-time.PNG
Ideas?
Re: Shrink a field?
Posted: Tue Oct 07, 2025 12:38 am
by Paul
Got it! CSS:
Code: Select all
transform: scale(0.65); transform-origin: left;
audio-1-time2.PNG