GUI builder for JSF or Primefaces - jsf-2

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.

Related

Using Vaadin outside a J2EE container

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.

How to add angular support for Notepad ++?

I am building hybrid apps using Ionic framework. I came across to Notepad++ as an editor, but I found out it supports HTML and JS but there is no default support for Angular. Is there any way I can add support for angular.
Note: I am new to this Ionic (hybrid) development and I am unaware of any good editors for Ionic. If anyone has any experience or knowledge of some great editors for windows out there like eclipse for Java, I welcome that suggestion also.
I can't answer how to add support in Notepad++. I used it once upon a time but there are so many other great options out there that have some level of support.
IDEs
WebStorm (https://www.jetbrains.com/webstorm/) This is probably the best IDE for JavaScript. It has built in Ionic and Angular support.
Text Editors - There are several plugins to add Angular and Ionic support for each.
Atom (https://atom.io/)
Sublime Text (http://www.sublimetext.com/)
Brackets (http://brackets.io/)
Notepad++ manage JavaScript correctly but you've to add some plugins if you want a better code.
This link gives me the basics plugins and personnaly, I would add emmet plugin
https://www.sitepoint.com/tips-developing-jquery-notepad/

IntraWeb page with ribbonbar

We have VCL applications that use the DevExpress TdxRibbon or XE2 TRibbon components, with one being written using the MVP design pattern.
We now want to create a web version of that app, so I'm looking for IntraWeb components that can reproduce a similiar ribbon bar.
There wasn't a suitable component in the TMS Software IntraWeb Component Pack, and DevExpress don't make web versions of their controls. A Google search didn't locate anything suitable in the first 10 pages of results I looked at.
Does anyone know of a Intraweb component that can produce the effect I'm after, or do I need to script it directly into the page?

Web UI Components for dashboard on MVC and IE6

As part of the next project I'm working on, the customer has asked for a user-customisable dashboard-style web page where they can place multiple different chart controls populated with various bits of data.
There are tons of libraries out there that allow you to do this kind of thing but most do not support IE6. (it's out of my hands, we have to target IE6. I know, pity me)
I've had great difficulty finding any appropriate 3rd party control libraries that will work on IE6 and are still supported so any recommendations would be welcome.
The rest of this app is ASP.NET (3.5) but we are wanting to make the dashboard section MVC so either native ASP.NET or MVC components would be fine but MVC would be preferable.
jqChart supports IE6. It has version for ASP.NET MVC - http://www.jqchart.com/SamplesAspNetMVC
By far the best IE6-compatible library for charts is Raphael and its sister library g.Raphael. The main library is a general graphics library; the sister lib is for graphs and charts.
Hope that helps.

Aren't there supposed to be MVC 3 controls in the VS 2010 toolbox?

I've installed ASP.NET MVC3 and the Tools Update, but don't see any MVC3 controls in the Toolbox.
If they are supposed to be there, how do I add them?
If not, why not?
MVC does not have any server controls that come with Visual Studio. It is a completely different paradigm from ASP.NET Forms type development where you use standard HTML controls and control behavior with JavaScript/JQuery. You can extend them with third party controls which are usually in the form of JavaScript libraries. A good one to start with is JQuery UI which is open source and included in the template project that is created for MVC 3.
No. MVC doesn't have server controls. A great place to start is ASP.NET MVC Overview.

Resources