CODEWITHSUNDEEP
jsfweb-applicationsprimefaces
velo
velo

Reputation: 324

Best practices when building JSF applications that produce elegant user experiences

I'm using PrimaFaces with Mojarra implementation for my JSF applications. When I put together the application I use company/app logos and the primefaces widgets (the widgets themselves look great!) which have the jQuery look and feel. The issue is that the applications end up looking very similar with a somewhat box type appearance - text boxes, datatables etc., The look and feel is nowhere compared to a handcoded by a html/css designer/developer.

When you develop enterprise JSF applications what are some of the best practices you use to ensure a user-friendly good looking ui?

Upvotes: 1

Views: 832

Answers (1)

SteveS
SteveS

Reputation: 1030

I'm not exactly sure what you are looking for but there is a tradeoff between speed of development and appearance. That said, in our shop we use PrimeFaces and have developers who make the page "work". They are then followed on by xhtml/css designers who clean up the appearance of the page and controls. If you haven't already, check out the styling section. There is quite a bit of flexibility in changing the appearance of controls. Of course they are still layered, pre-defined controls.

Edit: You can style individual parts of your controls using css. So for example here we change the appearance of the title bar:

.bottomViewItem .ui-panel-titlebar{ 
    background: none;
    border: none;
    box-shadow: none;
    padding: 5px;
    margin: 0.1em 16px 0.2em 0;
}

And here we change the title appearance:

.bottomViewItem .ui-panel-titlebar span.ui-panel-title{
    color: #E27C4C !important;
    font-family: Rockwell, Georgia, Arial !important;
    font-size: 18px !important;
    margin: 0.1em 16px 0.2em 0;
    text-shadow: none;
}

Upvotes: 2

Related Questions