issue with horizontal-central aligment of the contents of

Question

In my JSF-PrimeFaces webapp I am having and I need to horizontal-align its contents to center. How can I do that?

Here is the code for the:

    <p:panel id="businesses_panel" header="#{business.businessName}" styleClass="mini-panel panel-grid tr panel-grid td panel-hover panel-header-title-small">
<div align="center">
    <p:panelGrid columns="1">
        <div class="component-spacing-top"/>
        <h:graphicImage alt="#{business.businessName}" value="#{business.logoFullPath}" class="small-panel-image" />
        <div class="component-spacing-top"/>
    </p:panelGrid>
</div>
</p:panel>

score 2 · Accepted Answer · edited May 23 '17 at 11:49

2

align="center" is deprecated. You should instead use css, you try:

            <style type="text/css">
                .test table{
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
            </style>
            <p:panel styleClass="test">
                   ...
            </p:panel>

See also:

edited May 23 '17 at 11:49

Community

1
1

answered May 08 '13 at 04:30

Rong Nguyen

4,143
5
27
53

I have tested, and it work fine, so you should debug clientside to get error. – Rong Nguyen May 09 '13 at 08:55

score 0 · Answer 2 · answered May 08 '13 at 09:27

0

You can try this:

<style type="text/css">
    #businesses_panel .ui-panel-content {
        margin-left:  auto !important;
        margin-right: auto !important;
    }
</style>

answered May 08 '13 at 09:27

Mr.J4mes

9,168
9
48
90

issue with horizontal-central aligment of the contents of

2 Answers2