Combo Drop Down Arrow [message #886218] |
Thu, 14 June 2012 09:09  |
Eclipse User |
|
|
|
hello,
i can draw the combo box without border,
however there's a separator line between the drop down list and arrow.
how can i get rid of this ?
my requirement is to draw the combo without any borders, which works fine.
but the separator line exist between drop down list and the arrow.
regards,
sudesh bulathsinhala
|
|
|
|
|
|
|
|
Re: Combo Drop Down Arrow [message #886553 is a reply to message #886532] |
Fri, 15 June 2012 02:55   |
Eclipse User |
|
|
|
Hi Sudes,
just looked at the client-side combo implementation (Combo.js) and combo
custom variant is not applied to the button (see Combo.js around line
149 and 157). The fix there is to add/remove the variant on this._button
too. Once this is done I think your conditional custom variant switching
should work. But I think that the proper fix is just to add a "disabled"
state for "Combo-Button-Icon" in Combo.theme.xml (single line fix).
Please open an enhancement request for both cases:
1. Propagate combo custom variant to the combo button.
2. Add support for "disabled" state for "Combo-Button-Icon"
Best,
Ivan
On 6/15/2012 9:07 AM, Sudesh Bulathsinhala wrote:
> Hello Ivan,
>
> Many Thanks.
> Yes, I will raise enhancement request for the said.
>
> Also, for now I'm just wondering if we can achieve the same effect
> using WidgetUtil.CUSTOM_VARIANT.
>
> For instance if we conditionally apply the CSS based on additional tag.
>
>
> Combo-Button-Icon.hide {
> background-image: url("/themes/icons/notify_empty.gif");
> }
>
> Combo-Button-Icon.show {
> background-image: url("/themes/icons/down_arrow.gif");
> }
>
>
> My question is how should I trigger this event ?
> I have the place where combo is getting enable/disable.
>
> I tried :
>
>
> combo.setData(WidgetUtil.CUSTOM_VARIANT, "hide");
>
>
>
> combo.setData(WidgetUtil.CUSTOM_VARIANT, "show");
>
>
> conditionally to trigger, however it does not reach
> Combo-Button-Icon.hide block in our CSS.
>
> It's possible to define following in CSS:
>
>
> Combo.hide {
> background-image: url("/themes/icons/notify_empty.gif");
> }
>
> Combo.show {
> background-image: url("/themes/icons/down_arrow.gif");
> }
>
>
> but it defeats the purpose.
>
> Is it possible to have a conditional CSS, like :
>
> Combo.hide {
> Combo-Button-Icon {
> background-image: url("/themes/icons/notify_empty.gif");
> }
> }
>
> Combo.show {
> Combo-Button-Icon.show {
> background-image: url("/themes/icons/down_arrow.gif");
> }
> }
>
>
>
> Thanks in advance.
> Sudesh Bulathsinhala
>
>
--
Ivan Furnadjiev
Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/
Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/
|
|
|
|
|
Powered by
FUDForum. Page generated in 0.04745 seconds