Databases
StackOverflow2013
Postsdbo
POHow to Increase jqGrid toolbar / navbar icon size for visual accessibility?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to Increase jqGrid toolbar / navbar icon size for visual accessibility?
    primarykey
    data
    text
    <p><p> Here is a requirement that we received, can we increase the size Struts2-jQuery Grid /jQGrid 'Toolbar Icons' ? like Save/Delete/Find/Add etc ? </p> <blockquote> <p>Our users would need visual accessibility in this regard. Is there any solution apart from setting the zoom size of the browser ?</p> </blockquote> <p>Update (How we fixed it): <br><br></p> <p>Step 1: <a href="http://www.tnghardware.com/sandbox/jQueryIconTests/nameTable.html" rel="nofollow">Downloaded</a> a 32px icon sprite grid <br> Step 2: Placed this sprite grid image in the webapp\template\mytheme\images folder <br> Step 3: Updated the <code>jquery-ui.css</code> file (which was generated for our custom theme from ThemeRoller) <br> Step 4: In the ICONS section update the <code>.ui-state-default</code> class to point the new image <br> Step 5: Added <code>width: 16px; height: 16px;</code> properties to the same class <br> Step 6: Adjusted the position in every image classes <br> Step 7: We used image editing tools to compress it's size so that we could make all icons from 32px to 24px and varied the color settings (Hue/Saturation..etc) to get different colors for various UI states.</p> <pre><code> example: Changed .ui-icon-trash { background-position: -176px -96px; } to .ui-icon-trash { background-position: -352px -192px; } </code></pre> <p>This brought the new sized icons.The only challenge we face now is to find a suitable 32px css sprite grid icon image for various states (Active, Default, Hover and Error). <br></p> <p>It would have been great if ThemeRoller has this option to generate icon set of various sizes.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USyathirigan
    1. USyathirigan
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to Increase jqGrid toolbar / navbar icon size for visual accessibility?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhere is the download link for the 32px icon sprite grid?
      singulars
      1. POHow to Increase jqGrid toolbar / navbar icon size for visual accessibility?
      1. USMike Henke
    2. COHere it is http://www.tnghardware.com/sandbox/jQueryIconTests/nameTable.html and i got this from this discussion in jQuery UI WiKi http://www.tnghardware.com/sandbox/jQueryIconTests/nameTable.html
      singulars
      1. POHow to Increase jqGrid toolbar / navbar icon size for visual accessibility?
      1. USyathirigan
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload