Omega Radio Buttons

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
scott.abernethy
Posts: 4
Joined: 15 Jul 2013, 19:55

31 May 2017, 14:40

I have purchased the Omega theme but our client doesn't like the way the radio buttons appear on the screen. Specifically that the inner circle for selected item is off center. Is it possible for me to change to a different radio button graphic?

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

31 May 2017, 15:57

I think you can override the classes of radio button on Omega Theme. DOM Structure when a radio item is active;

Code: Select all

<div class="ui-radiobutton ui-widget">
   <div class="ui-helper-hidden-accessible">
         <input id="j_idt69:0" name="j_idt69" type="radio" value="Xbox One">
    </div>
    <div class="ui-radiobutton-box ui-widget ui-corner-all ui-state-default ui-state-active">
        <span class="ui-radiobutton-icon ui-icon ui-c ui-icon-bullet"></span>
    </div>
</div>
What do you want to change in the radiobutton? Border, border-radius, select icon etc. Maybe, you can attach a screenshot for us.

scott.abernethy
Posts: 4
Joined: 15 Jul 2013, 19:55

07 Jun 2017, 15:36

My apologies for taking so long to reply.

We don't like that the inside of the selected radio is slightly off center. Also the entire radio button appears overly large to me. I have attached screen shots for Omega and Verona. The radio button for Verona is much more visually appealing.
Verona:
Image
Omega:
Image

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

09 Jun 2017, 13:03

Please try;

Code: Select all

<style type="text/css">
    body .ui-radiobutton-box.ui-state-active, 
    body .ui-radiobutton-box.ui-state-focus.ui-state-active {
        background-color: transparent;
        color: #156090;
    }
    body .ui-radiobutton .ui-icon-bullet, 
    body .ui-radiobutton .ui-icon-blank {
        font-size: 14px;
        margin-top: 1px;
    }
</style>

scott.abernethy
Posts: 4
Joined: 15 Jul 2013, 19:55

09 Jun 2017, 16:11

That looks great! Thank you!

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

12 Jun 2017, 13:35

Glad to hear, thanks for the update!

Post Reply

Return to “Omega - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests