ICEfaces
  1. ICEfaces
  2. ICE-9545

ace:dataTable - Sort icons overlapping

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: EE-3.3.0.GA
    • Fix Version/s: 4.0.BETA, 4.0
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEmobile-EE-1.3.0, Chrome, Firefox, IE10
    • Salesforce Case Reference:
    • Workaround Exists:
      Yes
    • Workaround Description:
      Hide
      Change the theme to one of the following for better results: base|iphone|ipad|bb10|bberry|android_dark|android_light

      Or add the following CSS to the page:

              <style>
                  .ui-datatable .ui-icon{
                      background-color: transparent;
                  }

              </style>
      Show
      Change the theme to one of the following for better results: base|iphone|ipad|bb10|bberry|android_dark|android_light Or add the following CSS to the page:         <style>             .ui-datatable .ui-icon{                 background-color: transparent;             }         </style>

      Description

      When the <mobi:deviceResource theme="auto"/> is used in a page that includes an ace:dataTable that does sorting, the icons are rendered very close to each other and appear to be blurred. This seems to only the case with the auto theme which is the default value.
      1. Case12356Example.zip
        25 kB
        Arran Mccullough
      1. Sort-Icon-Issue-Chrome.jpg
        72 kB
      2. Sort-Icon-Issue-Firefox.jpg
        115 kB

        Issue Links

          Activity

          Arran Mccullough created issue -
          Arran Mccullough made changes -
          Field Original Value New Value
          Attachment Sort-Icon-Issue-Chrome.jpg [ 16388 ]
          Attachment Sort-Icon-Issue-Firefox.jpg [ 16389 ]
          Attachment Case12356Example.zip [ 16390 ]
          Arran Mccullough made changes -
          Salesforce Case Reference 5007000000VHtHOAA1
          Arran Mccullough made changes -
          Workaround Description Change the theme to one of the following for better results: base|iphone|ipad|bb10|bberry|android_dark|android_light Change the theme to one of the following for better results: base|iphone|ipad|bb10|bberry|android_dark|android_light

          Or add the following CSS to the page:

                  <style>
                      .ui-datatable .ui-icon{
                          background-color: transparent;
                      }

                  </style>
          Arran Mccullough made changes -
          Link This issue is duplicated by MOBI-870 [ MOBI-870 ]
          Philip Breau made changes -
          Status Open [ 1 ] Resolved [ 5 ]
          Assignee Philip Breau [ philip.breau ]
          Fix Version/s 3.4 [ 10770 ]
          Resolution Fixed [ 1 ]
          Ken Fyten made changes -
          Fix Version/s 4.0 [ 11382 ]
          Ken Fyten made changes -
          Status Resolved [ 5 ] Closed [ 6 ]

            People

            • Assignee:
              Philip Breau
              Reporter:
              Arran Mccullough
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: