<?xml version="1.0" encoding="utf-8"?>
<feed xml:lang="en" xmlns="http://www.w3.org/2005/Atom"><title>Recent changes to 21: Allow Styling of UI components</title><link href="https://sourceforge.net/p/jcaif/feature-requests/21/" rel="alternate"/><link href="https://sourceforge.net/p/jcaif/feature-requests/21/feed.atom" rel="self"/><id>https://sourceforge.net/p/jcaif/feature-requests/21/</id><updated>2006-11-14T15:39:16Z</updated><subtitle>Recent changes to 21: Allow Styling of UI components</subtitle><entry><title>Allow Styling of UI components</title><link href="https://sourceforge.net/p/jcaif/feature-requests/21/" rel="alternate"/><published>2006-11-14T15:39:16Z</published><updated>2006-11-14T15:39:16Z</updated><author><name>Michael hall</name><uri>https://sourceforge.net/u/mhall119/</uri></author><id>https://sourceforge.net0eb8708ff211f59c451da621e54b013c176e7b51</id><summary type="html">&lt;div class="markdown_content"&gt;&lt;p&gt;Allow external and inline styling of UI components used&lt;br /&gt;
to display SurveyObjects.  Use CSS syntax, with&lt;br /&gt;
external linkable files, and inline object attributes&lt;br /&gt;
using style="".  This should allow styling things like&lt;br /&gt;
font size/color/alignment, the images used in&lt;br /&gt;
ListItemButton, the orientation of ResponseList&lt;br /&gt;
(Vertical/Horizontal), the alignment of ResponseList,&lt;br /&gt;
and anything else supported by the UI component.&lt;/p&gt;
&lt;p&gt;Should use reflection to UI component methods to set&lt;br /&gt;
styling, so that new UI components don't require&lt;br /&gt;
changes to the app itself to use their own style&lt;br /&gt;
properties.&lt;/p&gt;
&lt;p&gt;Using external .css files will allow developers to&lt;br /&gt;
maintain a capi.css, cati.css, web.css, handheld.css,&lt;br /&gt;
etc, to make the survey appear in the best format for&lt;br /&gt;
each mode.  For instance, having a long responselist&lt;br /&gt;
wrap columns is good for capi, but a handheld would be&lt;br /&gt;
better suited with a single scrollable list.&lt;/p&gt;
&lt;p&gt;Using inline style="" attributes will allow developers&lt;br /&gt;
to specify a style for a component regardless of mode.&lt;br /&gt;
For instance, a certain question requiring a&lt;br /&gt;
horizontally oriented response list would sue &amp;lt;resp&lt;br /&gt;
style="orientation: horizontal;"&amp;gt;&lt;/p&gt;&lt;/div&gt;</summary></entry></feed>