Eclipse Community Forums: Remote Application Platform (RAP)

Home » Eclipse Projects » Remote Application Platform (RAP) » Combo Drop Down Transparency(Combo-Box Drop Down Transparency)

Show: Today's Messages :: Show Polls :: Message Navigator

Combo Drop Down Transparency [message #863892]

Sun, 29 April 2012 18:20

Sudesh Bulathsinhala

Messages: 193
Registered: October 2010

Senior Member

Hello,

We're using a customized business Theme on RAP 1.5
We are experiencing a strange transparency issue when drop down is drawn above some other widgets, where the drop down items can see the underlying widgets icon, label, text, etc and they both are overlapping (drop down item and underlying widget).

We're using the following style sheet content for combo :

Combo {
	border: 1px solid #cccccc;
	border-radius: 0px;
	background-color: white;
}

Combo:disabled {
	color: #808080;
	background-color: white;
	border: none;
}

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

Combo-Button:disabled {
	background-image: url("/themes/icons/notify_empty.gif");
	background-color: white;
	border: none;
}

Regards,
Sudesh Bulathsinhala

Report message to a moderator

Re: Combo Drop Down Transparency [message #865410 is a reply to message #863892]

Mon, 30 April 2012 11:39

Ivan Furnadjiev

Messages: 2359
Registered: July 2009
Location: Sofia, Bulgaria

Senior Member

Sudesh,
I can't reproduce it with your CSS snippet and Controls Demo (business
theme). The combo list transparency could be affected by the List CSS
definitions too. Could you have a look on them too?
Best,
Ivan

On 4/29/2012 9:20 PM, Sudesh Bulathsinhala wrote:
> Hello,
>
> We're using a customized business Theme on RAP 1.5
> We are experiencing a strange transparency issue when drop down is
> drawn above some other widgets, where the drop down items can see the
> underlying widgets icon, label, text, etc and they both are
> overlapping (drop down item and underlying widget).
>
> We're using the following style sheet content for combo :
>
> Combo {
> border: 1px solid #cccccc;
> border-radius: 0px;
> background-color: white;
> }
>
> Combo:disabled {
> color: #808080;
> background-color: white;
> border: none;
> }
>
> Combo-Button,DateTime-DropDownButton {
> background-image: none;
> background-color: white;
> border: none;
> }
>
> Combo-Button:disabled {
> background-image: url("/themes/icons/notify_empty.gif");
> background-color: white;
> border: none;
> }
>
>
> 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: CCombo Drop Down Transparency [message #865822 is a reply to message #865410]

Mon, 30 April 2012 15:39

Sudesh Bulathsinhala

Messages: 193
Registered: October 2010

Senior Member

Hello Ivan,

Actually Combo is working as expected, you're correct.
We have this issue with CCombo.

Ours is a custom theme using extension point org.eclipse.rap.ui.themes,
hence, the CCombo looks like this in our CSS file :

CCombo {
	border: 1px solid #cccccc;
	border-radius: 0px;
	background-color: white;
}

CCombo:disabled {
	color: #808080;
	background-color: transparent;
	border: none;
}

CCombo-Button {
	background-image: url("/themes/icons/notify_empty.gif");
	background-color: white;
	border: none;
}

CCombo-Button:disabled {
	background-image: url("/themes/icons/notify_empty.gif");
	background-color: transparent;
	border: none;
}

Regards,
Sudesh Bulathsinhala

Report message to a moderator

Previous Topic:	receiving information/reading a file
Next Topic:	Theme not displayed in tomcat

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Sat Oct 23 03:09:35 GMT 2021

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter