Wizard example ?

Post Reply
paulkeogh
Posts: 45
Joined: 04 Apr 2013, 23:00
Location: Dublin, Ireland
Contact:

06 Feb 2019, 17:52

Hey Prime do you have an example of how to use the p:wizard control with this theme ?

I am trying to get something the same as the TabView example from the show case.

Thanks,
Primefaces 6.2 Atmosphere 2.5
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7

User avatar
aragorn
Posts: 3481
Joined: 29 Jun 2013, 12:38

07 Feb 2019, 08:19

Sorry, I don't understand this issue. Wizard example is here; https://www.primefaces.org/showcase/ui/ ... zard.xhtml

paulkeogh
Posts: 45
Joined: 04 Apr 2013, 23:00
Location: Dublin, Ireland
Contact:

07 Feb 2019, 15:35

Apologies, I mean in the Babylon Live Preview.

https://www.primefaces.org/babylon/

The issue I have is that the titles of the tabs in the wizard are outsized - I would like the default behaviour to be the same as that as the TabView example in the Live Preview.
Primefaces 6.2 Atmosphere 2.5
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7

User avatar
aragorn
Posts: 3481
Joined: 29 Jun 2013, 12:38

08 Feb 2019, 09:03

Thanks a lot for the info. Please try;

Code: Select all

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    margin: 0 0.214em 0 0;
    font-size: 100%;
    font-weight: 700;
    border-radius: 3px;
}

User avatar
aragorn
Posts: 3481
Joined: 29 Jun 2013, 12:38

08 Feb 2019, 09:15

Also, please add the following css for icon issue;

Code: Select all

body .ui-wizard .ui-wizard-navbar .ui-wizard-nav-back .ui-icon,
body .ui-wizard .ui-wizard-navbar .ui-wizard-nav-next .ui-icon {
    background: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

body .ui-wizard .ui-wizard-navbar .ui-wizard-nav-back .ui-icon:before {
   content: "\f177"
}

body .ui-wizard .ui-wizard-navbar .ui-wizard-nav-next .ui-icon:before {
   content: "\f178"
}

paulkeogh
Posts: 45
Joined: 04 Apr 2013, 23:00
Location: Dublin, Ireland
Contact:

11 Feb 2019, 15:59

Looks good - thank you !
Primefaces 6.2 Atmosphere 2.5
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7

User avatar
aragorn
Posts: 3481
Joined: 29 Jun 2013, 12:38

12 Feb 2019, 08:18

You're welcome!

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests