title: How to set size of a checkbox in table vaadin
body: <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>