Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Remote Application Platform (RAP) » Combo Drop Down Arrow(Combo Drop Down Arrow without Border)
Combo Drop Down Arrow [message #886218] Thu, 14 June 2012 13:09 Go to next message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
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

Report message to a moderator

Re: Combo Drop Down Arrow [message #886259 is a reply to message #886218] Thu, 14 June 2012 15:09 Go to previous messageGo to next message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2359
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
Hi Sudesh,
to remove the separator line use the following CSS:
Combo-Button {
border-left: none;
}
HTH,
Ivan

On 6/14/2012 4:09 PM, Sudesh Bulathsinhala wrote:
> 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

--
Ivan Furnadjiev

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/

Report message to a moderator

Re: Combo Drop Down Arrow [message #886274 is a reply to message #886259] Thu, 14 June 2012 15:39 Go to previous messageGo to next message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
Hello Ivan,

Many thanks, it worked !

Regards,
Sudesh

Report message to a moderator

Re: Combo Drop Down Arrow [message #886325 is a reply to message #886274] Thu, 14 June 2012 18:28 Go to previous messageGo to next message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
Hello Ivan,

what's the best way to hide the arrow.
we have a requirement to hide the arrow when in disable state.

Combo-Button:disabled, DateTime-DropDownButton:disabled {	
	background-color: white;
	border: none;
	border-left: none;
}


Thanks in advance.
Sudesh

Report message to a moderator

Re: Combo Drop Down Arrow [message #886371 is a reply to message #886325] Thu, 14 June 2012 19:58 Go to previous messageGo to next message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2359
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
Hi Sudesh,
the icon is defined by the CSS element:
Combo-Button-Icon {
background-image: url( resource/widget/rap/combo/down.png );
}
Combo-Button-Icon:hover {
background-image: url( resource/widget/rap/combo/down-hover.png );
}
Unfortunately, there is no "disabled" state for Combo-Button-Icon
element. Currently, only "hover" state is supported. Please open an
enhancement request to support "disabled" state on Combo-Button-Icon.
When Combo is disabled the drop icon become semi-transparent, but it's
not possible to remove it.
Best,
Ivan


On 6/14/2012 9:28 PM, Sudesh Bulathsinhala wrote:
> Hello Ivan,
>
> what's the best way to hide the arrow.
> we have a requirement to hide the arrow when in disable state.
>
>
> Combo-Button:disabled, DateTime-DropDownButton:disabled {
> background-color: white;
> border: none;
> border-left: none;
> }
>
>
> Thanks in advance.
> Sudesh
>

--
Ivan Furnadjiev

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/

Report message to a moderator

Re: Combo Drop Down Arrow [message #886532 is a reply to message #886371] Fri, 15 June 2012 06:07 Go to previous messageGo to next message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
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

Report message to a moderator

Re: Combo Drop Down Arrow [message #886553 is a reply to message #886532] Fri, 15 June 2012 06:55 Go to previous messageGo to next message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2359
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
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/

Report message to a moderator

Re: Combo Drop Down Arrow [message #886564 is a reply to message #886553] Fri, 15 June 2012 07:27 Go to previous messageGo to next message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
Thanks Ivan,

Will raise the enhancement request and keep you posted.

Regards,
Sudesh Bulathsinhala

Report message to a moderator

Re: Combo Drop Down Arrow [message #888405 is a reply to message #886564] Mon, 18 June 2012 04:49 Go to previous message
Sudesh Bulathsinhala is currently offline Sudesh BulathsinhalaFriend
Messages: 193
Registered: October 2010
Senior Member
Hello Ivan,

Already raised the following feature request, as per your instructions.

https://bugs.eclipse.org/bugs/show_bug.cgi?id=382816

Regards,
Sudesh Bulathsinhala

Report message to a moderator

Previous Topic:Probably simple -- need to add links to page
Next Topic:Offline capabilities with local storage
Goto Forum:
  

[ Syndicate this forum (XML) ] [ RSS ]

Current Time: Sat Oct 16 13:17:18 GMT 2021

Powered by FUDForum. Page generated in 0.02257 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top

Sign up to our Newsletter

A fresh new issue delivered monthly