Does anybody know how to build a dynamic vaadin grid like here:
https://cdn.vaadin.com/vaadin-grid/2.0.0-alpha3/demo/data.html#dynamic-height
It is strange because I have never seen that vaadin allow to write code as it is in the link above. Where to put this template? Is it possible that in a standard vaadin code?
This is the demo page for Vaadin Grid Element, not the Grid from Vaadin Framework.
Grid element is a part of so-called Vaadin Elements - set of client-side widgets which can be used from other javascript frameworks (e.g. React, Angular, etc.).
Vaadin released Elements separately from their Framework, so in order to use them from a traditional Vaadin application, you'll need to take additional steps. See this blog post for the detailed walkthrough: Using Vaadin Elements with Vaadin Framework.
You also might want to look through this similar question: Is Vaadin Elements meant to be used with the Vaadin Framework?.
Related
I would like to ask what is the free component for diagram/chart/graph in Vaadin 14?
I am using Vaadin14 and Spring boot in my project,
Available third party add-ons shared by users can be found at the Vaadin directory. You should search if there is any that suits you :)
I have never tried this add-on, but it seems to be widely used and actively maintained : ApexCharts.js
SO Charts - this add-on is a wrapper around the echarts Javascript library for using it with Vaadin Flow.
I'm working on a UI application with asp.net mvc. I'm currently using bootstarp.
As i'm still learning about it, i'm confused about where to find the needed components. I used to work with kendo UI where all widgets and api are in the same place.
But now when I need some new functionality or widget (such as datepicker), I find that there are a lot of alternatives and plugins to be installed to choose from..
How should I choose, is there a bootstarp library that I can integrate and which will provide most of what I would need?
As far as I know, there is no package of widgets similar to jquery.ui. But some often used features like popovers and modals are already included in the bootstrap.js.
We are using bootstrap-datepicker by Stefan Petre and Andrew Rowls, which you can install using NuGet.
$('#datePickerId').datepicker();
I looked at many examples of Vaadin and all of them use Vaadin servlet. Is it possible to use Vaadin framework outside a servlet container? If yes, how to achieve that? A sample code would be most welcome.
Vaadin needs a Servlet Environment. Notice however that the Servlet Specification is just a tiny (but essential) part of Java EE. A Servlet Container is typically very light-weight.
So use Undertow, Jetty, Tomcat or any other Servlet Container. Note that these products are all embeddable, ideal for micro services.
Web Components
In recent years, the Vaadin company has been producing versions of their widgets that can run outside of their server-side Java framework. They are taking advantage of advancements being made in Web Components and the Google Polymer project.
The company has launched their Vaadin Elements program.
Vaadin Elements is a set of custom HTML elements tailored for business applications. It extends the Google Polymer library with elements like data grid, charts and combo box so you can build the app your business needs. The elements are actively maintained and tested to ensure compatibility with the latest Polymer releases.
For example, their excellent rows-and-columns Vaadin Grid component is available in three editions:
Vaadin FrameworkThe Vaadin server-side Java framework based on Java Servlet technology.
Vaadin GWT Polymer ElementsFor Google Web Toolkit developers.
Vaadin ElementsFor JavaScript developers.
Be forewarned: the Vaadin team is pushing the envelope in these new web technologies. But they are very excited by their successes and eagerly invite people to try out the new editions of their products.
See the Vaadin company blog for announcements of their success with various components in this effort.
Just yesterday (2016-04) they described a Date Picker widget and a file-uploader widget, both being available as betas in their Vaadin Elements collection.
The week before that they described a beta of a ComboBox widget for Polymer.
The week before that was an entry about their Vaadin Charts 3.0 product being finalized and shipping, both for the Vaadin Framework (server-side, Java) as well as for client-side developers using Polymer, AngularJS, React, or other HTML5 library.
For a very technical discussion, see the video and slides from a meeting at the Seattle Java Users Group (SeaJUG) in 2016-03 in a presentation by Vaadin staffer, Marcus Hellberg.
To reproduce an issue a user recently posted related to Kendo grid, I thought it might be possible for me to use .NET Fiddle for it. But I am not able to load Kendo references. In my application I add a reference to Kendo.Mvc.dll.
I am wondering is there a way I can add a reference in .NET fiddle. .NET fiddle supports Nuget package however Kendo MVC wrapper does not come in a package.
My fiddle is: https://dotnetfiddle.net/vRAJfO
Just found that Kendo has got a tutorial that let you create charts and play around with it: http://dojo.telerik.com/. But it does not allow you to write ASP.NET MVC style code like .NET Fiddle does.
FYI - I have added a support ticket with telerik for this. Support ID:922106
Will update as soon as I hear back from them.
This is the reply I received from Telerik:
The Kendo UI MVC assembly cannot be publicly accessible, that's why there is no public NuGet package which you can use to reference this assembly in tools such as .NET Fiddle.
The Kendo UI Dojo can be used to create examples with the vanilla HTML/Javascript Kendo UI widgets. There is no way to create fiddles featuring the Kendo UI ASP.NET MVC wrappers. If you need to provide examples and code, please send projects as attachments.
Dojo is designed to be an HTML/JS playground and the code is executed client-side. We currently do not provide a playground, which is able to execute server-side code.
Is there any UI-designer aid (Like Scene Builder is a useful screen designing aid for JavaFX application / Flash Builder plugin of eclipse is a useful screen designing aid for Flex application) to make screen design easy in JSF / Primefaces.
As far as I remember you have few options to do this (mostly depending on which IDE you prefer). First is Oracle JDeveloper which is only one with built-in support for this, second is NetBeans Visual Web plugin and finally there is also Web Page Editor for Eclipse IDE.
For using **ADF** - JDeveloper covers almost everything
For using **woodstocks,ICEFaces** - Netbeans have the plugins for visual page design
For using **PrimeFaces**, Netbeans is having CRUD code generators, but not the drag and drop UI component plugins.
Ideally, as the UI code is much of a XML format it should not be a big issue do design drag and drop plugins. Still I don't know why we are not having powerful plugins for the primefaces.