It would be helpful to have a checkbox in the design panel to set the dimension of an element's width/height to "fit-content."
Right now, the only way it seems is to open up the styles panel and manually write the CSS
Please bear with me. As most here already know, I am an octogenarian, meaning that I find it hard to understand.
Perhaps, showing the CSS will help me out.
Oh wow, you are a smart octogenarian 
. My grandparents barely know how to use a phone.
The feature I'm requesting for is that I want to be able to set the CSS width or height property to "fit-content" instead of 100vh or 100% or 100px.
Clicking one time for a checkbox to automatically set the value would be super fast compared to writing out "fit-content."
Here's an example of the code:
.login-text {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
Currently, I have to open the CSS styles in order to change the width to fit-content, I can't even change it within the design panel itself. Adding it to the design panel would be the first step for Wappler, having a checkbox to automatically set it to fit-content would be amazing.
I see what you are wanting to do. This is a little mockup that I made
<style>
input[type="checkbox"] {
width: 3em;
height: 3rem;
accent-color: green;
}
</style>
<div class="custom-checkbox">
<input type="checkbox" id="checkbox1" />
<label for="checkbox1">Custom Checkbox</label>
</div>
Problem: not a uniform outcome in modern browsers. Hence, should Wappler promote this???
@ben sorry if I'm misunderstanding things here, but I think he's talking about fit-content property, which differs of 100% and 100vh/vw and seems fine by me to be added to the design panel
1 Like
I am sorry to be obtuse. I do not see what the effect of fit-content has on a checkbox.
Maybe my english is playing some tricks on me, but I think he doesn't says that.
He doesn't want a checkbox with fit-content property.
He wants a checkbox that can add that property to a defined style:
.style 117 {
width: fit-content;
}
1 Like
Your english is fine. 
What I am asking: What is the effect of applying said style rule. Does it change the appearance or position of the checkbox? Just curious.
There's no checkbox as an element.
He wants a checkbox, that can be placed on the style panel and add: width/height: fit-content on the styles.css
Like this:
Or maybe this:
So any style can quickly have that property instead of editing styles.css.
The end is
.style1 {
width/height: fit-content;
}
1 Like
I get ya! 
Something like:
<style>
.fit-content {
width: fit-content;
padding: 10px;
background-color: lightgreen;
}
</style>
<div class="fit-content">
<input type="checkbox" id="checkbox1" />
<label for="checkbox1">Custom Checkbox</label>
</div>
Have voted!
1 Like
