Defect Reporting

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

20 Dec 2018, 17:44

Aragorn,

Is there a GitHub for babylon? The reason I ask is reporting defects through the forums is tough because I can't do screenshots to show the problem.

I am using a Calendar component with a button like this...

Code: Select all

            <div class="ui-g-12" jsf:id="pnlEntity">
                <div class="card card-w-title" jsf:rendered="#{not empty programForm.selected}">
                    <h:form id="frmEntity">
                        <div>
                            <div style="float: left;">
                                <h1>Program #{programForm.selected.id}</h1>
                            </div>
                            <div style="float: right;">
                                <p:commandButton value="Save" styleClass="info-btn raised-btn"
                                    actionListener="#{programController.save}" update="frmEntity :frmTable:tblEntity" />
                            </div>
                        </div>
                        <p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
                            <p:outputPanel>
                                <p:outputLabel for="@next" value="End Date:" title="End date for this program" />
                                <p:calendar id="calEnd" value="#{programForm.selected.endDate}" showOn="both"
                                    pattern="dd-MMM-yyyy" navigator="true" showButtonPanel="true" />
                            </p:outputPanel>
                        </p:panelGrid>
                    </h:form>
                </div>
            </div>
It looks fine in Chrome but in Firefox the "button" on the Calendar is shifted down a few pixels.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

21 Dec 2018, 08:34

Hi Melloware,

Could you please try the following css code?

Code: Select all

<style type="text/css">
    .ui-fluid .ui-calendar.ui-trigger-calendar {
        padding-top: 0.429em;
        padding-bottom: 0.429em;
        height: 100%;
    }
</style>
Best Regards,

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

21 Dec 2018, 14:44

Worked like a charm!!! For now I will leave this in my CSS, will this fix be applied to future Babylon CSS?
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

25 Dec 2018, 09:23

Thanks a lot for the update! Yes, I added the following css instead of the above css;

Code: Select all

.ui-fluid .ui-calendar.ui-trigger-calendar {
        display: inline-block;
}

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest