Background in HorizontalLayout ?

General
1

Hello

I am trying add a background image on my HorizontalLayout, the image is displayed only on background of HorizontalLayout and I want that displayed on all area of navigator.


        //container principal
        HorizontalLayout hLayout = new HorizontalLayout();   
        hLayout.setStyleName("styles");
        setContent(hLayout);
        
        //botoes
        curriculum = new Button("Curriculum");
        escolaridade = new Button("Escolaridade");
        cursos = new Button("Cursos");
        experiencias = new Button("Experiências");
        sair = new Button("Sair");
        
        //size buttons
        curriculum.setWidth("130px");        
        escolaridade.setWidth("130px");        
        cursos.setWidth("130px");        
        experiencias.setWidth("130px");        
        
        //icones
        curriculum.setIcon(new ThemeResource("../icons/page.png"));
        escolaridade.setIcon(new ThemeResource("../icons/report.png"));
        cursos.setIcon(new ThemeResource("../icons/page_word.png"));
        experiencias.setIcon(new ThemeResource("../icons/chart_bar.png"));
        sair.setIcon(new ThemeResource("../icons/door.png"));
        
        //layout represent a toolbar
        VerticalLayout toolbar = new VerticalLayout();    
        
        //buttons toolbar
        toolbar.addComponent(curriculum);
        toolbar.addComponent(escolaridade);
        toolbar.addComponent(cursos);
        toolbar.addComponent(experiencias);
        toolbar.addComponent(sair);        
        
        //add components
        hLayout.addComponent(vLayoutSession);        
        hLayout.addComponent(toolbar);


  // styles.scss
  .v-verticallayout  {
      background:url(ibg_background.gif);      
  }

How I can displayed background image on all area of navigator ?

thanks.

2

wow, now works…

I read again my code and I found an error when I define my scss on the attribute v-verticallayout and change to v-horizontallayout works :smiley:

thanks