Eclipse Community Forums: Remote Application Platform (RAP) » Rounded border wouldn't show up on certain widgets

Help

Home

Home » Eclipse Projects » Remote Application Platform (RAP) » Rounded border wouldn't show up on certain widgets

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

Rounded border wouldn't show up on certain widgets [message #505642]

Mon, 04 January 2010 04:25

Setya Nugdjaja

Messages: 567
Registered: July 2009

Senior Member

Hi all,

I'm unable to set rounded border for the following widgets:

1. Table.
2. List.
3. TabFolder.
4. Button[CHECK].

Is rounded border already supported on above widgets ?

Regards,

Setya

Report message to a moderator

Re: Rounded border wouldn't show up on certain widgets [message #505670 is a reply to message #505642]

Mon, 04 January 2010 11:28

Ivan Furnadjiev

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

Senior Member

Hi Setya,
see my comments below:

On 1/4/2010 6:25 AM, Setya wrote:
> Hi all,
>
> I'm unable to set rounded border for the following widgets:
>
> 1. Table.
Not implemented
> 2. List.
Not implemented
> 3. TabFolder.
There is already a bug about TabItems.
283874: [Theming][TabFolder] Enable rounded borders for items
https://bugs.eclipse.org/bugs/show_bug.cgi?id=283874
> 4. Button[CHECK].
Button[CHECK] is working as expected with the following CSS snippet:
Button[CHECK], Button[RADIO] {
spacing: 4px;
border: 1px solid red;
border-radius: 5px;
}
>
> Is rounded border already supported on above widgets ?
>
> Regards,
>
> Setya
>
If you need the rounded-border support in the above widgets please open
an enhancement request.
Best,
Ivan

Report message to a moderator

Re: Rounded border wouldn't show up on certain widgets [message #505672 is a reply to message #505670]

Mon, 04 January 2010 11:47

Setya Nugdjaja

Messages: 567
Registered: July 2009

Senior Member

Hi,

> Button[CHECK] is working as expected with the following CSS snippet:
> Button[CHECK], Button[RADIO] {
> spacing: 4px;
> border: 1px solid red;
> border-radius: 5px;
> }

Sorry, the above CSS snippet does not seem to work. I also notice that
checkboxes in RAP Examples demo are not rounded either.

Regards,

Setya

Report message to a moderator

Re: Rounded border wouldn't show up on certain widgets [message #505673 is a reply to message #505672]

Mon, 04 January 2010 12:11

Ivan Furnadjiev

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

Senior Member

Setya,

I've just check it in the Examples Demo by modifying the business.css
theme in the "org.eclipse.rap.design.example" like:
Button[CHECK] {
background-image: none;
border: 1px solid red;
border-radius: 5px;
}
and it's working for me. Tested on Windows 7 / FF 3.5.6, IE8, Safari 4
nad Chrome 4. If you want to add a border only when SWT.BORDER style
flag is specified, just add:
Button[CHECK] {
background-image: none;
border: none;
}
Button[CHECK][BORDER] {
border: 1px solid red;
border-radius: 5px;
}
Best,
Ivan

On 1/4/2010 1:47 PM, Setya wrote:
> border: 1px solid red;
> border-radius: 5px;

Report message to a moderator

Re: Rounded border wouldn't show up on certain widgets [message #505674 is a reply to message #505672]

Mon, 04 January 2010 12:23

Ivan Furnadjiev

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

Senior Member

.... if you want to add a rounded border to the square image only of the
checkbox, you have to create your own images and set them as in
business.css - Button-CheckIcon:
------------------------------------------------------------ ---------
/* Check Buttons */

Button-CheckIcon {
background-image: url( /theme/business/icons/check-unselected.png );
}

Button-CheckIcon:selected {
background-image: url( /theme/business/icons/check-selected.png );
}

Button-CheckIcon:hover {
background-image: url(
/theme/business/icons/check-unselected-hover.png );
}

Button-CheckIcon:selected:hover {
background-image: url( /theme/business/icons/check-selected-hover.png );
}

Button-CheckIcon:selected:grayed {
background-image: url( /theme/business/icons/check-grayed.png );
}

Button-CheckIcon:selected:grayed:hover {
background-image: url( /theme/business/icons/check-grayed-hover.png );
}

On 1/4/2010 1:47 PM, Setya wrote:
> Hi,
>
>> Button[CHECK] is working as expected with the following CSS snippet:
>> Button[CHECK], Button[RADIO] {
>> spacing: 4px;
>> border: 1px solid red;
>> border-radius: 5px;
>> }
>
> Sorry, the above CSS snippet does not seem to work. I also notice that
> checkboxes in RAP Examples demo are not rounded either.
>
> Regards,
>
> Setya

Report message to a moderator

Re: Rounded border wouldn't show up on certain widgets [message #505675 is a reply to message #505674]

Mon, 04 January 2010 12:37

Setya Nugdjaja

Messages: 567
Registered: July 2009

Senior Member

Hi,

> ... if you want to add a rounded border to the square image only of the
> checkbox, you have to create your own images and set them as in
> business.css - Button-CheckIcon:
> ------------------------------------------------------------ ---------
> /* Check Buttons */
>
> Button-CheckIcon {
> background-image: url( /theme/business/icons/check-unselected.png );
> }
>
> Button-CheckIcon:selected {
> background-image: url( /theme/business/icons/check-selected.png );
> }
>
> Button-CheckIcon:hover {
> background-image: url(
> /theme/business/icons/check-unselected-hover.png );
> }
>
> Button-CheckIcon:selected:hover {
> background-image: url( /theme/business/icons/check-selected-hover.png );
> }
>
> Button-CheckIcon:selected:grayed {
> background-image: url( /theme/business/icons/check-grayed.png );
> }
>
> Button-CheckIcon:selected:grayed:hover {
> background-image: url( /theme/business/icons/check-grayed-hover.png );
> }

Thanks a lot Ivan, this is what I meant.

Regards,

Setya

Report message to a moderator

Previous Topic:	How to properly shutdown Eclipse RAP application?
Next Topic:	NPE on session shutdown

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Tue Dec 05 20:07:54 GMT 2023

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter