AjaxCore
- Listener
- PartialSubmit
- Counter
- Process
- Validation
- RemoteCommand
- Dropdown
- Basic
- Event
- Selector
- Search
- Poll
- Fragment
- Status
Input
- DatePicker
- Calendar
- Editor
- Signature
- Spinner
- Slider
- InputText
- InputSwitch
- Password
- Keyboard
- Rating
- ColorPicker
- Inplace
- KeyFilter
- Knob
- TextEditor
Button
Data
- Carousel
- DataGrid
- DataList
- DataView
- DataScroller
- DataTable
- HorizontalTree
- OrderList
- Organigram
- DataExporter
- GMap
- Mindmap
- Diagram
- PickList
- Repeat
- Ring
- Schedule
- TagCloud
- Tree
- TreeTable
- Timeline
Panel
- Accordion
- Dashboard
- Fieldset
- Grid CSS
- Layout
- NotificationBar
- OutputPanel
- FlexGrid
- Panel
- PanelGrid
- Ribbon
- ScrollPanel
- TabView
- Toolbar
- Wizard
Overlay
- Tooltip
- Dialog
- Sidebar
Menu
- Breadcrumb
- ContextMenu
- Dock
- MegaMenu
- Menu
- Menubar
- MenuButton
- PanelMenu
- SlideMenu
- Stack
- Steps
- TabMenu
- TieredMenu
Charts
- Area
- Bar
- Bubble
- Donut
- Line
- Pie
- MeterGauge
- OHLC
- Animate
- Export
- Interactive
- Live
- Static
- Zoom
- Combined
- MultiAxis
- Date
- Responsive
ChartJs
- Bar
- Bubble
- Donut
- Line
- Pie
- Scatter
- PolarArea
- Radar
- Mixed
- Interactive
- Export
Messages
- Growl
- Messages
- StaticMessage
Multimedia
- Compare
- GraphicImage
- ContentFlow
- Cropper
- Galleria
- Barcode
- Media
- PhotoCam
- Switch
File
- Upload
- Download
DragDrop
- Draggable
- DataGrid
- DataTable
- Custom
Client Side Validation
- Basic
- Bean
- Custom
- Event
Dialog Framework
- Basic
- Data
- Message
- Nested
Misc
- Responsive
- AutoUpdate
- ThemeSwitcher
- OutputLabel
- BlockUI
- Cache
- Captcha
- Clock
- Collector
- DefaultCommand
- Effect
- ExceptionHandler
- FeedReader
- IdleMonitor
- ImportConstants
- ImportEnum
- CSP
- PrimeIcons
- FontAwesome
- Lifecycle
- Log
- Focus
- Hotkey
- Printer
- ProgressBar
- Context
- ResetInput
- Resizable
- Separator
- Spacer
- Spotlight
- Sticky
- Terminal
- Watermark

Galleria

Galleria is a content gallery component.

galleria.xhtml
ImagesView.java

<p:galleria value="#{imagesView.images}" var="image" panelWidth="500" panelHeight="313" showCaption="true">
    <p:graphicImage name="demo/images/nature/#{image}" alt="Image Description for #{image}" title="#{image}"/>
</p:galleria>

@Named
@RequestScoped
public class ImagesView {
    
    private List<String> images;
    
    @PostConstruct
    public void init() {
        images = new ArrayList<String>();
        for (int i = 1; i <= 12; i++) {
            images.add("nature" + i + ".jpg");
        }
    }

    public List<String> getImages() {
        return images;
    }
}

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

Nova-Light

Nova-Dark

Nova-Colored

Luna-Blue

Luna-Amber

Luna-Green

Luna-Pink

Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.