Primefaces component similar to p:messages

Question

Primefaces 5

Are there component that shows data similar to p:messages component. Ie greyed / colored box with close button, but without warning sign.

Or how can you use Messages component to show any content as panel component.

EDIT : If Message panel should be shown for several updates, as far as I know you must use FacesContext to add a message for every update. I don't want to do it.

EDIT2 : This is what I want to achieve. At the best with a primefaces component.

As you can see:

1. any content
2. command link
3. close button

Answer 1

Depends if you want it to be inline or kind of 'popup'.

If you want it to not always be visibile, I'd use an overlayPanel and with giving it a styleClass and some custom css it looks like what you want (styling done against default showcase theme):

.myCustomOverlay .ui-overlaypanel-content {
    background-color: lightpink;
    padding-right: 2em;
}

.myCustomOverlay .ui-overlaypanel-close.ui-state-default {
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: 0 0 0 transparent;
    right: 5px;
    top: 5px;
}

You can try this online with a browser developer tool

If you want it to be visible inline, I'd use a panel and style that in a similar fashion

.myPanel.ui-panel {
    background: none repeat scroll 0 0 lightpink;
}

.myPanel .ui-panel-titlebar.ui-widget-header {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

.myPanel .ui-panel-titlebar-icon {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: 0 0 0 transparent;
}