Menubutton rendering incorrectly in current Showcase

UI Components for JSF
Post Reply
porthos
Posts: 122
Joined: 09 May 2011, 03:17

26 Nov 2011, 04:41

Examples:
http://www.primefaces.org/showcase-labs ... button.jsf
Toolbar "Navigate" button here: http://www.primefaces.org/showcase-labs ... itcher.jsf

Rendering problems:
1. Button height is larger than it should be
2. Triangle icon is rendered twice, one slightly offset from the other
[Edit] 3. Buttons is wider than it should be
[Edit] 4. Space between icon and text is too large

Has been like this for a few days, so I thought I should mention it.
Last edited by porthos on 26 Nov 2011, 13:48, edited 1 time in total.
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

26 Nov 2011, 10:32

By design.

porthos
Posts: 122
Joined: 09 May 2011, 03:17

26 Nov 2011, 13:47

Looks normal in IE9:
Image

Looks terrible in FF8:
Image
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

26 Nov 2011, 16:12

Works good on my ff8.

porthos
Posts: 122
Joined: 09 May 2011, 03:17

26 Nov 2011, 16:28

Couldn't say what's ultimately causing this. But FireBug shows the HTML is different between my FF8 and IE9.

In IE9:

Code: Select all

<div class="ui-menubutton" id="j_idt44:j_idt45">
  <button name="j_idt44:j_idt45_button"
          class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"
          id="j_idt44:j_idt45_button" type="button">
    <span class="ui-button-icon-left ui-icon ui-icon-triangle-1-s"/>
    <span class="ui-button-text">Options</span>
  </button>
</div>
In FF8:

Code: Select all

<div class="ui-menubutton" id="j_idt44:j_idt45">
  <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-button-text-icon-primary"
          type="button" name="j_idt44:j_idt45_button" id="j_idt44:j_idt45_button" role="button" aria-disabled="false">
    <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
    <span class="ui-button-text">
      <span class="ui-button-icon-left ui-icon ui-icon-triangle-1-s"></span>
      <span class="ui-button-text">Options</span>
    </span>
  </button>
</div>
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: Google [Bot] and 26 guests