https://doc.sibvisions.com/ 2026-04-29T07:13:51+00:00 https://doc.sibvisions.com/ https://doc.sibvisions.com/lib/tpl/material/images/favicon.ico text/html 2020-02-05T21:20:40+00:00 https://doc.sibvisions.com/vaadin/code_snippets?rev=1580937640&do=diff We have a list of useful code snippets for you. Simply use them for your application. All snippets are free to use and licensed under Apache 2.0. Checkbox in Table Header If you want to show a checkbox in the table header of a v7 Table: use following code: text/html 2020-07-03T17:14:13+00:00 https://doc.sibvisions.com/vaadin/cors?rev=1593796453&do=diff CORS All details about cross-origin resource sharing. Use-Case Embedding a Vaadin application in your CMS (e.g., Joomla, Typo3). The CMS runs in an hosted environment without Java application server (standard and cheap web hosting). How To There's an excellent blog post from Vaadin. We have a ready-to-use solution added to our Vaadin UI. text/html 2020-07-03T14:17:11+00:00 https://doc.sibvisions.com/vaadin/custom_desktopimages?rev=1593785831&do=diff It's possible to use custom (desktop) icons for bookmarks on your mobile devices. We have built-in support for custom icons in our servlet implementation. Simply add the following images to the public area of your application: iOS Devices * apple-touch-icon.png text/html 2018-02-06T12:19:37+00:00 https://doc.sibvisions.com/vaadin/customize_application?rev=1517919577&do=diff The standard corporation application style has a button area, a menubar and a toolbar. The button and the menubar are always visible and the toolbar will be visible if a sidebar icon was set for a specific screen. A simple example: The orange rectangle contains the button area, the yellow area is the menubar and the green area is the toolbar (= sidebar). You have different options to customize the areas. It's possible to remove button from or add buttons to the button area. It's possible to … text/html 2020-08-05T12:46:44+00:00 https://doc.sibvisions.com/vaadin/customize_login?rev=1596631604&do=diff The standard login dialog looks like this: It's not super fancy but solves the login problem. If you need a styled login dialog, simply create your own or extend the existing class. In order to use a custom login dialog, you have to use the corporation style. It's not possible to use a custom login dialog with standard application style. text/html 2020-08-05T13:02:39+00:00 https://doc.sibvisions.com/vaadin/customize_menu?rev=1596632559&do=diff Customization of the standard application frame is already described here. But the menu can also be customized without extending the application itself. The menu has some features which aren't available without extending it. Let's change the menu a little bit: text/html 2020-08-05T12:40:09+00:00 https://doc.sibvisions.com/vaadin/deployment_descriptor?rev=1596631209&do=diff The following XML is a minimalist deployment descriptor for applications using Vaadin UI. <?xml version="1.0" encoding="UTF-8"?> <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <!-- ************************************************************************** Context config… text/html 2020-08-05T13:01:49+00:00 https://doc.sibvisions.com/vaadin/endisable_navigation?rev=1596632509&do=diff The standard application frame supports navigation between screens with Back/Forward buttons of the web browser. This feature is disabled by default. If you want to use the navigation with Back/Forward, simply add: <servlet> <servlet-name>VaadinUI</servlet-name> <servlet-class>com.sibvisions.rad.ui.vaadin.server.VaadinServlet</servlet-class> ... <init-param> <param-name>Application.navigation</param-name> <param-value>true</param-value> </init-param> </servlet> text/html 2020-07-03T17:15:07+00:00 https://doc.sibvisions.com/vaadin/external_css?rev=1593796507&do=diff If you won't create your own theme or simply want to change some CSS definitions, simply add an external CSS file to your servlet configuration: <init-param> <param-name>externalCss</param-name> <param-value>../mycustomapp.css</param-value> </init-param> text/html 2020-08-05T12:49:32+00:00 https://doc.sibvisions.com/vaadin/flatten_corporation_menu?rev=1596631772&do=diff Usually, the corporation menu items will be shown in groups (e.g. MDM, Admin): The menu bar contains menus with menu items, for each screen, e.g., the menu Admin contains Statistic and Company screen. But, sometimes, you want flat menus, e.g., text/html 2021-11-24T15:01:24+00:00 https://doc.sibvisions.com/vaadin/google_map_config?rev=1637766084&do=diff To use google map instead of OpenSreetMap, simply add URL parameter mapImpl=google or set the init-param in your deployment descriptor: <init-param> <param-name>vaadin.component.map.google</param-name> <param-value>true</param-value> </init-param> text/html 2020-08-05T12:54:35+00:00 https://doc.sibvisions.com/vaadin/hide_addressbar?rev=1596632075&do=diff If you use your application with Vaadin UI on a mobile device (Android, iOS), the mobile browser will be used. The problem with the browser is that it has an address bar. This is nice for daily web surfing, but not for a business application, because it reduces the available space for your application. text/html 2026-03-02T10:58:04+00:00 https://doc.sibvisions.com/vaadin/home?rev=1772449084&do=diff This is the place for our JVx UI implementation based on Vaadin. text/html 2020-08-05T12:57:43+00:00 https://doc.sibvisions.com/vaadin/ignore_nagivation?rev=1596632263&do=diff It's super easy to enable standard Browser navigation for an application. Simply set the application parameter Application.navigation to true. If navigation is enabled, it's possible to use the browser buttons, Back and Forward, to navigate between your screens. But sometimes, you don't want navigation for specific screens, e.g. open a screen as modal text/html 2020-07-03T17:02:31+00:00 https://doc.sibvisions.com/vaadin/launch_control?rev=1593795751&do=diff Sometimes, it's important to configure the application or to set custom properties into the launcher before the application starts. This could be useful if external authentication systems will be used, e.g., via SpringSecurity or different authentication filters. text/html 2020-02-28T12:02:39+00:00 https://doc.sibvisions.com/vaadin/login_background?rev=1582891359&do=diff The standard login is really standard. It's great for standard ERP systems, but custom ERP systems need a custom view: To change the login view, simply use an external css file and set following styles: .jvx #glasspane-login, .jvx_valo #glasspane-login { background-image: url("images/login_background.jpg"); background-size: cover; } .jvx .loginwindow .v-window-contents, .jvx_valo .loginwindow .v-window-contents { background: transparent; } .jvx .loginwindow, .jvx_valo .lo… text/html 2020-07-03T17:11:39+00:00 https://doc.sibvisions.com/vaadin/mobile_devices?rev=1593796299&do=diff If you're using mobile devices for your web application based on our Vaadin UI, you know that the resolution doesn't change automatically. The app will be shown as a desktop application but on your mobile device. It's not nice -- especially on smartphones. However text/html 2023-04-17T06:21:57+00:00 https://doc.sibvisions.com/vaadin/mod_proxy?rev=1681712517&do=diff Usually, a JVx application will be installed on a Java application server like Tomcat, Wildfly, etc. This will be good enough for small and simple scenarios but Enterprise installations are behind a load balanced web server like Apache http server, nginx, etc. text/html 2024-11-18T10:29:33+00:00 https://doc.sibvisions.com/vaadin/replace_login?rev=1731925773&do=diff It's possible to customize the standard login dialog a little bit as described in this article. If you want full control of the login dialog, it's better to replace the dialog with a custom one. In our example, we'll create a login dialog with additional buttons to do custom authentication steps, e.g. text/html 2020-08-05T12:42:56+00:00 https://doc.sibvisions.com/vaadin/responsive?rev=1596631376&do=diff Our VaadinApp application frame has built-in responsive support. It changes padding/margin/font size and menu position dynamically - based on the current browser or device size. If you want to know the current mode, simply check the launcher parameter text/html 2020-07-03T17:06:04+00:00 https://doc.sibvisions.com/vaadin/useragent?rev=1593795964&do=diff Sometimes it's useful to know the browser name which runs the Vaadin application. It could be useful for showing custom controls or creating responsive layouts. We have different options to get the name of the browser (user agent). The first one is the recommended option. Simply use your launcher to get the information: