Hi Paul,<br><br>thank you, I have it running now with custom icons.<br><br>Sabine<br><br><div class="gmail_quote">On Wed, Jan 30, 2013 at 9:33 PM, Paul DeBruicker <span dir="ltr"><<a href="mailto:pdebruic@gmail.com" target="_blank">pdebruic@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi Sabine,<br>
<br>
I haven't looked at that since shortly after I uploaded it. I decided<br>
to stick to the native elements for my project. The JS code in<br>
Squeaksource may be outdated or just not work with whichever version of<br>
jQuery you're using so check that the version the SelectMenu expects<br>
works with your version of jQuery.<br>
<br>
>From looking at the docs for the plugin it looks like they're adding it<br>
to jQuery UI (<a href="https://github.com/fnagel/jquery-ui/issues/140" target="_blank">https://github.com/fnagel/jquery-ui/issues/140</a>) so it<br>
should become easier to use and better documented once that is released<br>
and the seaside packages are updated.<br>
<br>
<br>
My best guesses for the version on Squeaksource you probably need:<br>
<br>
for icons:<br>
<br>
make an array of Dictionaries. Each dictionary has a 'find' key and<br>
value that is a jQuery selector. (e.g. '$("#myId")' ) and a 'icon' key<br>
with value that is a icon name from those shown here:<br>
<a href="http://jqueryui.com/themeroller/#!icons=undefined" target="_blank">http://jqueryui.com/themeroller/#!icons=undefined</a> . e.g.<br>
'.ui-icon-carat-1-n' Then pass that array of dictionaries to the<br>
#icons: method<br>
<br>
<br>
for bgImage:<br>
<br>
it needs to be a function that generates a valid css string so<br>
something that returns something like:<br>
'#CCC<br>
url(<a href="http://old.jqueryui.com/themeroller/images/?new=cccccc&w=1&h=100&f=png&q=100&fltr%5B%5D=over%7Ctextures%2F03_highlight_soft.png%7C0%7C0%7C75" target="_blank">http://old.jqueryui.com/themeroller/images/?new=cccccc&w=1&h=100&f=png&q=100&fltr%5B%5D=over%7Ctextures%2F03_highlight_soft.png%7C0%7C0%7C75</a>)<br>
50% 50% repeat-x'<br>
<br>
so if that was your desired css for the background image was and you<br>
didn't want to do any computation to determine what the css was going to<br>
be you could just:<br>
<br>
bgIcons:(JSStream on: 'return "#CCC<br>
url(<a href="http://old.jqueryui.com/themeroller/images/?new=cccccc&w=1&h=100&f=png&q=100&fltr%5B%5D=over%7Ctextures%2F03_highlight_soft.png%7C0%7C0%7C75" target="_blank">http://old.jqueryui.com/themeroller/images/?new=cccccc&w=1&h=100&f=png&q=100&fltr%5B%5D=over%7Ctextures%2F03_highlight_soft.png%7C0%7C0%7C75</a>)<br>
50% 50% repeat-x"') asFunction;<br>
<br>
<br>
<br>
<br>
<br>
<br>
Good luck and if it were me I'd just muddle along with native stuff<br>
until jQuery-UI includes SelectMenu as a fully supported UI element.<br>
<div class="HOEnZb"><div class="h5"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
On 01/30/2013 12:50 AM, Sabine Knöfel wrote:<br>
> Hi,<br>
><br>
> I need an example how to use<br>
><br>
> JQSelectMenu>>bgImage: and<br>
> JQSelectMenu>>icons:<br>
><br>
> The JQSelectMenu is part of JQWidgetBox.<br>
><br>
> It works fine but I did not succeed in adding Icons/bg images.<br>
><br>
> A code example from someone who is using it would help me<br>
><br>
> Sabine<br>
><br>
><br>
><br>
> --<br>
> View this message in context: <a href="http://forum.world.st/JQSelectMenu-bgImage-tp4666503.html" target="_blank">http://forum.world.st/JQSelectMenu-bgImage-tp4666503.html</a><br>
> Sent from the Seaside General mailing list archive at Nabble.com.<br>
> _______________________________________________<br>
> seaside mailing list<br>
> <a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
><br>
<br>
_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div></div></blockquote></div><br>