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,
Wizard example ?
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
Primefaces 6.2 Atmosphere 2.5
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Sorry, I don't understand this issue. Wizard example is here; https://www.primefaces.org/showcase/ui/ ... zard.xhtml
Github Profile: https://github.com/mertsincan
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.
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
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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"
}
Github Profile: https://github.com/mertsincan
Looks good - thank you !
Primefaces 6.2 Atmosphere 2.5
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7
Red Hat Developer Studio 12.9 GA
Wildfly 14
Linux RHEL 7/CentOS 7
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
You're welcome!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 5 guests