Hello Arvid,
Thanks for the info, I'm trying to use a menu to have the icon, there's more
work to do (server side value change) but it's even nicer to look at ;-)
I'll post how I did to share the info.
Regards,
Zied
2007/6/21, Arvid Hülsebus <[EMAIL PROTECTED]>:
Hello!
I think that images for select items which are implemented by OPTION
elements are currently not supported. For Firefox we could fix this by
styling the OPTION element via a background image. But I didn't found a
way to achieve this for IE.
Regards,
Arvid
Zied Hamdi wrote:
>
> Hi,
>
> I have a problem with combining JSTL with tobago:
>
> I'm in a sheet of phone numbers and I want to show the current phone
> type: mobile, home,.. as a combo box (with images).
>
> I took a look at the examples in the demo and I didn't find how to
> specify an image for every entry when using <tc:selectItems. So I
> decided to try using JSTL and the select box shows as it should but:
>
> The problems are three:
>
> * A side effect adding other columns has appeared (view image:
> columns are replicated twice with the exception of the select box)
> * The selected value is not displayed
> * No image is displayed (this is maybe not a bug: there are no
> images with these names. I deduced this because theresn't the
> image for 'no image')
>
>
> <tc:sheet id="phones" columns="50px;15*;18px;18px"
> value="#{personCtrl.current.bean.phones}" var="phone">
> <tc:column sortable="true">
> <tc:selectOneChoice value="#{phone.type}">
> <c:forEach items="${personCtrl.phoneTypes}" var="type">
> <tc:selectItem itemImage="#{type}"
> itemLabel="${type}" itemValue="#{type}" value="#{type}"/>
> </c:forEach>
> </tc:selectOneChoice>
> </tc:column>
> <tc:column label="#{i18n.number}" sortable="true">
> <tc:in id="number" value="#{ phone.number}" />
> </tc:column>
> <tc:column label="#{i18n.main}" sortable="true">
> <f:verbatim>hi</f:verbatim>
> </tc:column>
> <tc:column>
> <tc:link id="removePhone" image="image/delete.GIF" />
> </tc:column>
> </tc:sheet>
>
> in the output source there's no images but these are maybe added with
> javascript after...
>
> <div
> id="page:personForm:details:phoneListSubview:phones_data_row_1_column0"
> class="tobago-sheet-cell-outer" style="width:84px; "
> ><div class="tobago-sheet-cell-inner"
> ><select
> name="page:personForm:details:phoneListSubview:phones:1:_idJsp24"
> id="page:personForm:details:phoneListSubview:phones:1:_idJsp24"
> style="width:80px; " class="tobago-selectOneChoice-default"
> ><option value=""
> >HOME</option><option value=""
> >MOBILE</option><option value=""
> >WORK</option><option value=""
> >FAX</option><option value=""
> >OTHER1</option><option value=""
> >OTHER2</option></select></div></div>
> Regards,
> Zied
>
>
> ------------------------------------------------------------------------
>
--
Zied Hamdi
zatreex.sourceforge.net
