Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

no spacing on H layout; boxes always checked

ralph cook
5 years ago Oct 27, 2016 8:07pm

 I wrote the following:

package com.accesspoint.vaadin3;

import com.vaadin.annotations.Theme;
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.CheckBox;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.Layout;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;
@Theme("mytheme")
public class HLTest extends UI
{
    private static String SHOW_MRC_COSTS        = "Display MRC Margin & Cost";
    private static String SHOW_NRC_CHARGES      = "Display NRCs";
    @Override
    protected void init(VaadinRequest request) 
    {
        final VerticalLayout pageLayout = new VerticalLayout();
        
        CheckBox showCostCheckBox    = new CheckBox(SHOW_MRC_COSTS);
        CheckBox showNrcCheckBox     = new CheckBox(SHOW_NRC_CHARGES);
        showCostCheckBox.setValue(false);
        showNrcCheckBox.setValue(false);
        
        Layout checkBoxLayout = new VerticalLayout();
        checkBoxLayout.addComponents(showCostCheckBox, showNrcCheckBox);
        
        HorizontalLayout    hl = new HorizontalLayout();
        Label               l  = new Label("1st component");
        CheckBox            cb = new CheckBox("2nd component");
        hl.addComponents(l, checkBoxLayout, cb);
        
        pageLayout.addComponents(hl);
        
        setContent(pageLayout);
    }
}

Did a clean and build within netbeans (can't find the maven build "run as" options), and get output as in the attachment (sorry, don't have a server to put it on). There is no space at all between the components horizontally, but more frustrating is that the checkboxes are all checked, and I cannot uncheck them by clicking on them.

This can't be the default. If I remove the "@Theme" line, I get much smaller components that work properly and have a little space between them. 

What am I missing?

 

Ivan Gusljesevic
5 years ago Oct 27, 2016 10:16pm

You sould set spacing to true

hl.setSpacing(true);

Regards

ralph cook
5 years ago Oct 27, 2016 10:36pm

ok. any hint on the checkboxes?

Ivan Gusljesevic
5 years ago Oct 27, 2016 10:47pm

I'm not sure. Checkbox should be unchecked by default. This line is not necessary

showCostCheckBox.setValue(false);
showNrcCheckBox.setValue(false);

Did you developed the theme mytheme? if not try using some default theme like valo

@Theme("valo")
ralph cook
5 years ago Oct 27, 2016 10:56pm

Yeah, valo is the theme that 'mytheme' imports.  Here's the entirety of the mytheme.scss I have:

@import "../valo/valo.scss";

@mixin mytheme {
  @include valo;

  // Insert your own theme rules here
  .v-label-hideThis {
      display: none
  }
  
  .v-label-pricingtablecost {
      font-size: 11px;
  }
  
  .v-label-nrcfigures {
      font-size: 11px;
  }
  
  .pricingtable .v-table-row-odd {
      background-color: white;
  }
  
  .v-verticallayout-margin {
      padding: 50 px;
  }
}

(I took out all the commented-out lines at the start; hopefully they don't do anything)

Whether I use @Theme("mytheme") or @Theme("valo") the result is the same; the checkboxes are checked and remain that way regardless of what I click on.

 

Ivan Gusljesevic
5 years ago Oct 27, 2016 11:16pm

I just tested your code and it works just fine as you can see on photos

Ivan Gusljesevic
5 years ago Oct 27, 2016 11:19pm
package com.example;
/** * Created by ivan on 10/28/16. */
import com.vaadin.annotations.Theme;
import com.vaadin.server.VaadinRequest;
import com.vaadin.spring.annotation.SpringUI;
import com.vaadin.ui.CheckBox;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.Layout;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;
@SpringUI @Theme("valo")
public class HLTest extends UI {
private static String SHOW_MRC_COSTS = "Display MRC Margin & Cost";
private static String SHOW_NRC_CHARGES = "Display NRCs";

@Override
protected void init(VaadinRequest request) {

final VerticalLayout pageLayout = new VerticalLayout();
CheckBox showCostCheckBox = new CheckBox(SHOW_MRC_COSTS);
CheckBox showNrcCheckBox = new CheckBox(SHOW_NRC_CHARGES);
showCostCheckBox.setValue(false); showNrcCheckBox.setValue(false);

Layout checkBoxLayout = new VerticalLayout();
checkBoxLayout.addComponents(showCostCheckBox, showNrcCheckBox);

HorizontalLayout hl = new HorizontalLayout();
Label l = new Label("1st component");
CheckBox cb = new CheckBox("2nd component");
hl.addComponents(l, checkBoxLayout, cb);
hl.setSpacing(true); pageLayout.addComponents(hl);

pageLayout.setMargin(true); setContent(pageLayout);
}
}
ralph cook
5 years ago Oct 28, 2016 12:00am

Well, thanks for the effort and the notification; wonder what strange thing I've got in my environment/code/head/whatever that causes this. If I figure out an actual cause I'll post back...