How to set size of a checkbox in table vaadin
<p>I have <em>column</em> that contains default vaadin checkbox in my <strong>vaadin table</strong>. My table width is 100%, I have also column that contains <em>embedded image</em> so the height of row is <strong>90 px.</strong></p>
<p><strong>Vaadin version is 7.6.3.</strong></p>
<p>I want to set <em>height</em> and <em>width</em> of checkbox to about <strong>60px</strong>.</p>
<p><strong>How do I achieve that?</strong></p>
<p><em>My java code</em>:</p>
<pre><code>CheckBox cboxone=new CheckBox();
cboxone.setConvertedValue(true);
cboxone.setHeight(&quot;60px&quot;);
cboxone.setWidth(&quot;60px&quot;);
cboxone.setStyleName(&quot;csmy&quot;);
</code></pre>
<p><em>I set height and width to 60px. I apply css style (style name is csmy) to checkbox. I try following css styles:</em></p>
<pre><code>  @import &quot;../valo/valo.scss&quot;;

  @mixin blabla{
  @include valo; 

    //here i put my css styles
    
    .csmy .v-checkbox &gt; label{
        
        height:60px !important;
        width:60px !important;
    }

    .csmy .v-checkbox{
        
        height:60px !important;
        width:60px !important;
    }

   .csmy{
      height:60px !important;
      width:60px !important;
   }

   .csmy .v-checkbox &gt; input{
        
        height:60px !important;
        width:60px !important;
   }
}
</code></pre>
<p>But still nothing happen. Checkbox is still the same size as before.</p>