This discussion is archived
6 Replies Latest reply: Nov 8, 2013 8:07 AM by 988166 RSS

Vertical List with Subtext and Icon, where to find icons names ?

582691 Newbie
Currently Being Moderated
Hello,

i am using this List Template, i would like to know where can i find the different Icon names i can use.

With digging, by default a gear appears and if i put in List Details (Shared Components), at the User Defined Attributes, the 2nd one, the value chartIcon, then an Iconic Chart appears at the list Item as a Symbol.
I want to know, what values i can put there and for what symbols (i guess there should exist some alternatives by default).


TIA,
Dionisis
  • 1. Re: Vertical List with Subtext and Icon, where to find icons names ?
    fac586 Guru
    Currently Being Moderated
    Dionyssis wrote:
    Hello,
    i am using this List Template, i would like to know where can i find the different Icon names i can use.
    It's not immediately clear where we can find this list list template. When you have a problem you'll get a faster, more effective response by including as much relevant information as possible upfront. This should include:

    <li>Full APEX version
    <li>Full DB/version/edition/host OS
    <li>Web server architecture (EPG, OHS or APEX listener/host OS)
    <li>Browser(s) and version(s) used
    <li>Theme
    <li>Template(s)
    <li>Region/item type(s) (making particular distinction as to whether a "report" is a standard report, an interactive report, or in fact an "updateable report" (i.e. a tabular form)
    With digging, by default a gear appears and if i put in List Details (Shared Components), at the User Defined Attributes, the 2nd one, the value chartIcon, then an Iconic Chart appears at the list Item as a Symbol.
    I want to know, what values i can put there and for what symbols (i guess there should exist some alternatives by default).
    This list template uses the CSS Sprite technique, with <tt>class</tt> attributes controlling which icon is displayed from those available in the sprite image. It's essentially the same technique Shakeeb describes for buttons: here you put the required class name in field 2 of the list entry's User Defined Attributes.

    The theme CSS (<tt>/i/themes/theme_25/4.2.css</tt>) reveals the following class names to be supported:

    <li><tt>calendarIcon</tt>
    <li><tt>userIcon</tt>
    <li><tt>chartIcon</tt>
    <li><tt>gearIcon</tt>
    <li><tt>reportIcon</tt>
  • 2. Re: Vertical List with Subtext and Icon, where to find icons names ?
    582691 Newbie
    Currently Being Moderated
    Thank you very much. That's exactly what i was looking for.

    Dionisis
  • 3. Re: Vertical List with Subtext and Icon, where to find icons names ?
    JMcG Explorer
    Currently Being Moderated

    The below three classes can also used:

    • switchIcon
    • formIcon
    • dashboardIcon
  • 4. Re: Vertical List with Subtext and Icon, where to find icons names ?
    988166 Newbie
    Currently Being Moderated

    How can we change the Icons for dynamic lists?

  • 5. Re: Vertical List with Subtext and Icon, where to find icons names ?
    JMcG Explorer
    Currently Being Moderated

    In the list template, subtext is represented by attribute substitution string #A01# and the icon is represented by attribute substitution string #A02#. So create your dynamic list using a query like below example:

     

    SELECT null,
      state_name label,
      null target,
      null is_current,
      null image,
      null image_attribute,
      null image_alt_attribute,
      (case
        when st = 'AK' then 'Report to edit Alaska'
        when st = 'AL' then 'Report to edit Alabama'
        when st = 'AR' then 'Report to edit Arkansas'
        when st = 'AZ' then 'Report to edit Arizona'
        when st = 'CA' then 'Report to edit California'
        when st = 'CO' then 'Report to edit Colorado'
        when st = 'CT' then 'Report to edit Connecticut'
        when st = 'DC' then 'Report to edit District of Columbia'
       end) attribute1,
      (case
        when st = 'AK' then 'calendarIcon'
        when st = 'AL' then 'userIcon'
        when st = 'AR' then 'switchIcon'
        when st = 'AZ' then 'formIcon'
        when st = 'CA' then 'dashboardIcon'
        when st = 'CO' then 'chartIcon'
        when st = 'CT' then 'gearIcon'
        when st = 'DC' then 'reportIcon'
       end) attribute_2
    FROM demo_states
    where st in ('AK','AL','AR','AZ','CA','CO','CT','DC')

     

    Thanks!

     

    JMcG

  • 6. Re: Vertical List with Subtext and Icon, where to find icons names ?
    988166 Newbie
    Currently Being Moderated

    Thanks JMcG,

     

    I figured out I can do it from the list query but I was not able to figure out which column represent which attribute substitution string.

    This is very useful.

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points