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 Forum4. Other

use table in designer

Alexander Decker
5 years ago May 29, 2016 9:36pm

Hey all together,

i want to use a table in the designer, the html code look like this

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8" name="design-properties" content="{&quot;RULERS_VISIBLE&quot;:true,&quot;GUIDELINES_VISIBLE&quot;:false,&quot;SNAP_TO_OBJECTS&quot;:true,&quot;SNAP_TO_GRID&quot;:true,&quot;SNAPPING_DISTANCE&quot;:10,&quot;JAVA_SOURCES_ROOT&quot;:&quot;src&quot;,&quot;THEME&quot;:&quot;mina&quot;}">
 </head>
 <body>
  <vaadin-horizontal-layout style-name="valo-menu-responsive" responsive id="responsive-application-template" size-full>
   <vaadin-css-layout style-name="valo-menu">
    <vaadin-css-layout style-name="valo-menu-part">
     <vaadin-button icon="fonticon://FontAwesome/f03a" style-name="primary small valo-menu-toggle big" plain-text _id="menuToggle">
       Menu
     </vaadin-button>
     <vaadin-css-layout style-name="valo-menuitems" _id="menuItems">
      <vaadin-button icon="fonticon://FontAwesome/f007" primary-style-name="valo-menu-item" width-full plain-text _id="userButton">
        Maike Mustermann
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f080" primary-style-name="valo-menu-item" _id="statusButton">
        Statistik
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f187" primary-style-name="valo-menu-item" _id="archiveButton">
        Ausbildung
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f187" primary-style-name="valo-menu-item" _id="archiveButton2">
        Veranstaltung erstellen
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f187" primary-style-name="valo-menu-item" _id="archiveButton5">
        Veranstaltung bearbeiten
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f187" primary-style-name="valo-menu-item" _id="archiveButton3">
        Veranstaltung löschen
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f234" primary-style-name="valo-menu-item" height="31px" _id="settingsButton3">
        Nutzer Anlegen
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f234" primary-style-name="valo-menu-item" height="31px" _id="settingsButton4">
        Partner De-/Regestrieren
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f0ae" primary-style-name="valo-menu-item" _id="settingsButton5">
        Trainer De-/Regestrieren
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f0ae" primary-style-name="valo-menu-item" _id="settingsButton6">
        Teilnehmerliste importieren
      </vaadin-button>
      <vaadin-button icon="fonticon://FontAwesome/f08b" primary-style-name="valo-menu-item" plain-text _id="loginButton">
        Logout
      </vaadin-button>
     </vaadin-css-layout>
    </vaadin-css-layout>
   </vaadin-css-layout>
   <vaadin-vertical-layout spacing height="300px" margin _id="content" :expand>
    <vaadin-css-layout :center>
     <vaadin-horizontal-layout size-full>
      <vaadin-label style-name="h2 colored" plain-text :middle :center>
        Kurs Löschen
      </vaadin-label>
     </vaadin-horizontal-layout>
     <vaadin-horizontal-layout>
      <vaadin-form-layout width="350px">
       <vaadin-table width="330px"></vaadin-table>
      </vaadin-form-layout>
      <vaadin-label size-auto></vaadin-label>
     </vaadin-horizontal-layout>
    </vaadin-css-layout>
    <vaadin-panel size-full :expand></vaadin-panel>
   </vaadin-vertical-layout>
  </vaadin-horizontal-layout>  
 </body>
</html>

where can i change the table elements ?
do i have to do it in the html code or in a java class?

thank you for your help

Alexander Decker
5 years ago May 31, 2016 8:47am

Hello, no one any idea ?

greetings

Olli Tietäväinen
5 years ago May 31, 2016 10:18am

Hi BeME,

you'll need to insert the table contents in Java code. What you see in  Designer is just a placeholder. The standard way is to extend the Java class created by Designer and customizing the contents there.

Best regards,
Olli

Alexander Decker
5 years ago May 31, 2016 10:31am

i thought so :)

Thank you for your help !!