Selected RadioButton not perfect round with Firefox

Post Reply
jobor
Posts: 30
Joined: 19 Dec 2011, 22:34
Location: the Netherlands

21 Mar 2020, 11:46

The RadioButton rendered as selected shows the inner white circle concentric.
Safari Chrome Opera are rendering perfect centric circles.

Image
With regards,
Johan Borchers

Mac OS X 10.14.6
NetBeans 11.3
OpenJDK Zulu11.37
JSF Mojarra 2.3.14
PrimeFaces 7.0.12
Tomcat 9.0.30
MySQL 5.6.x

aragorn
Posts: 3968
Joined: 29 Jun 2013, 12:38

23 Mar 2020, 13:52

I couldn't replicate it. But, could you please try the following css code;

Code: Select all

body .ui-radiobutton .ui-radiobutton-box {
   display: flex;
   justify-content: center;
   align-items: center;
}
Best regards,

jobor
Posts: 30
Joined: 19 Dec 2011, 22:34
Location: the Netherlands

23 Mar 2020, 21:59

Hello,

I did put your css in a css file radiobutton.css and added the file to the template like this:

Code: Select all

        <h:outputStylesheet name="css/nanoscroller.css" library="harmony-layout" />
        <h:outputStylesheet name="css/layout-#{guestPreferences.layout}.css" library="harmony-layout" />
        <h:outputStylesheet name="css/radiobutton.css" library="tweespan" />
    </h:body>
</html>
Guess what... The selected radiobutton is now perfect round in forms.xhtml
Nice!!

It really happens only with Firefox.
With regards,
Johan Borchers

Mac OS X 10.14.6
NetBeans 11.3
OpenJDK Zulu11.37
JSF Mojarra 2.3.14
PrimeFaces 7.0.12
Tomcat 9.0.30
MySQL 5.6.x

aragorn
Posts: 3968
Joined: 29 Jun 2013, 12:38

03 Apr 2020, 12:15

Glad to hear, thanks a lot for the update :)

Best Regards,

Post Reply

Return to “Harmony - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest