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.

TUTORIALVaadin lets you build secure, UX-first PWAs entirely in Java.
Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Calling javascript synchronously by Enver Haase, 2 weeks ago
use table in designer
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="{"RULERS_VISIBLE":true,"GUIDELINES_VISIBLE":false,"SNAP_TO_OBJECTS":true,"SNAP_TO_GRID":true,"SNAPPING_DISTANCE":10,"JAVA_SOURCES_ROOT":"src","THEME":"mina"}">
</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
Last updated on
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
Last updated on
You cannot reply to this thread.