Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Remote Application Platform (RAP) » Customizing the look of existing widgets
Customizing the look of existing widgets [message #35038] Tue, 26 June 2007 14:01 Go to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Hi,

This would be my third post and third question :)
So how can I customize the look&feel of the existing RAP controls?
I know there's a notion of themes in Qooxdoo but is it accessible in
RAP? How does it work? Is it done with CSS or JavaScript?

If anyone could me point to some resources (anything else that Qooxdoo
manual?) or examples, it would be helpful.

Thanks,

Michal
Re: Customizing the look of existing widgets [message #35077 is a reply to message #35038] Tue, 26 June 2007 14:55 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: b.muskalla.gmx.net

Hi Michał,

first: nice to see new people in our little RAP world ;)

But now to your question:
It's possible to use themes for your RAP application easily. Ralf is
hardly working on a full support for this. It was introduced the first
time with the M4 milestone (see http://wiki.eclipse.org/Rap10M4_News).
Also take a look at the http://wiki.eclipse.org/RAP_Themeing how to
create your own theme for your application.

To see theme support in action, just go to your demo plugin.xml where
you will find an extension of the ext point
"org.eclipse.rap.swt.themes". Toggle the "default" attribute to true,
restart your server and be happy with a new theme :-)

If you're working with CVS HEAD, there are some more themeable widgets
like the group or the progressbar.

Hope that helps...

Cheers
Benny

Michał Tkacz wrote:
> Hi,
>
> This would be my third post and third question :)
> So how can I customize the look&feel of the existing RAP controls?
> I know there's a notion of themes in Qooxdoo but is it accessible in
> RAP? How does it work? Is it done with CSS or JavaScript?
>
> If anyone could me point to some resources (anything else that Qooxdoo
> manual?) or examples, it would be helpful.
>
> Thanks,
>
> Michal
Re: Customizing the look of existing widgets [message #35112 is a reply to message #35077] Tue, 26 June 2007 17:11 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Thanks Benny,

I'll check the latter link and try to do some tests :)

Michał

Benjamin Muskalla pisze:
> Hi Michał,
>
> first: nice to see new people in our little RAP world ;)
>
> But now to your question:
> It's possible to use themes for your RAP application easily. Ralf is
> hardly working on a full support for this. It was introduced the first
> time with the M4 milestone (see http://wiki.eclipse.org/Rap10M4_News).
> Also take a look at the http://wiki.eclipse.org/RAP_Themeing how to
> create your own theme for your application.
>
> To see theme support in action, just go to your demo plugin.xml where
> you will find an extension of the ext point
> "org.eclipse.rap.swt.themes". Toggle the "default" attribute to true,
> restart your server and be happy with a new theme :-)
>
> If you're working with CVS HEAD, there are some more themeable widgets
> like the group or the progressbar.
>
> Hope that helps...
>
> Cheers
> Benny
>
> Michał Tkacz wrote:
>> Hi,
>>
>> This would be my third post and third question :)
>> So how can I customize the look&feel of the existing RAP controls?
>> I know there's a notion of themes in Qooxdoo but is it accessible in
>> RAP? How does it work? Is it done with CSS or JavaScript?
>>
>> If anyone could me point to some resources (anything else that Qooxdoo
>> manual?) or examples, it would be helpful.
>>
>> Thanks,
>>
>> Michal
Re: Customizing the look of existing widgets [message #35162 is a reply to message #35112] Tue, 26 June 2007 18:26 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Great, now I see that in fact it's really simple! :)

Although support for themable borders and fonts would be veeeeery
useful. Are there plans to make it for M5? M6? 1.0?

Thanks again,

Michal

Michał Tkacz pisze:
> Thanks Benny,
>
> I'll check the latter link and try to do some tests :)
>
> Michał
>
> Benjamin Muskalla pisze:
>> Hi Michał,
>>
>> first: nice to see new people in our little RAP world ;)
>>
>> But now to your question:
>> It's possible to use themes for your RAP application easily. Ralf is
>> hardly working on a full support for this. It was introduced the first
>> time with the M4 milestone (see http://wiki.eclipse.org/Rap10M4_News).
>> Also take a look at the http://wiki.eclipse.org/RAP_Themeing how to
>> create your own theme for your application.
>>
>> To see theme support in action, just go to your demo plugin.xml where
>> you will find an extension of the ext point
>> "org.eclipse.rap.swt.themes". Toggle the "default" attribute to true,
>> restart your server and be happy with a new theme :-)
>>
>> If you're working with CVS HEAD, there are some more themeable widgets
>> like the group or the progressbar.
>>
>> Hope that helps...
>>
>> Cheers
>> Benny
>>
>> Michał Tkacz wrote:
>>> Hi,
>>>
>>> This would be my third post and third question :)
>>> So how can I customize the look&feel of the existing RAP controls?
>>> I know there's a notion of themes in Qooxdoo but is it accessible in
>>> RAP? How does it work? Is it done with CSS or JavaScript?
>>>
>>> If anyone could me point to some resources (anything else that
>>> Qooxdoo manual?) or examples, it would be helpful.
>>>
>>> Thanks,
>>>
>>> Michal
Re: Customizing the look of existing widgets [message #35206 is a reply to message #35162] Tue, 26 June 2007 20:21 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Michał,

Michał Tkacz schrieb:
> Great, now I see that in fact it's really simple! :)
>
> Although support for themable borders and fonts would be veeeeery
> useful. Are there plans to make it for M5? M6? 1.0?

We plan to provide a complete theming infrastructure in M5. In fact,
themeable borders and fonts are already implemented. If you check out
the latest version from CVS, you can already set a few custom fonts and
some borders. Just have a look at the "theme-template.properties" file
and at the theme example in the demo. I'll update the Wiki page in the
next couple of days.

Please don't hesitate to tell us which themeable properties you're
missing. We are currently in the phase of evaluating which aspects of
RAP widgets should be themeable at all. Thus, your input is welcome.

Best Regards,
Ralf
Re: Customizing the look of existing widgets [message #35323 is a reply to message #35206] Tue, 26 June 2007 21:20 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Hello Ralf,

Ralf Sternberg pisze:
> Hi Michał,
>
> Michał Tkacz schrieb:
>> Great, now I see that in fact it's really simple! :)
>>
>> Although support for themable borders and fonts would be veeeeery
>> useful. Are there plans to make it for M5? M6? 1.0?
>
> We plan to provide a complete theming infrastructure in M5. In fact,
> themeable borders and fonts are already implemented. If you check out
> the latest version from CVS, you can already set a few custom fonts and
> some borders. Just have a look at the "theme-template.properties" file
> and at the theme example in the demo. I'll update the Wiki page in the
> next couple of days.

Great, I'll give it a try tommorow.

> Please don't hesitate to tell us which themeable properties you're
> missing. We are currently in the phase of evaluating which aspects of
> RAP widgets should be themeable at all. Thus, your input is welcome.

Right now I'm focused on groups and tab folders (as you can see in my
other posts), as well as all the basic stuff like text fields, buttons
and drop down lists. I'll definitely let you know if I find something
missing :)

Thanks,

Michał

>
> Best Regards,
> Ralf
Re: Customizing the look of existing widgets [message #35689 is a reply to message #35323] Thu, 28 June 2007 16:06 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Hello Ralf, hello everyone

Michał Tkacz pisze:
>> Please don't hesitate to tell us which themeable properties you're
>> missing. We are currently in the phase of evaluating which aspects of
>> RAP widgets should be themeable at all. Thus, your input is welcome.
>
> Right now I'm focused on groups and tab folders (as you can see in my
> other posts), as well as all the basic stuff like text fields, buttons
> and drop down lists. I'll definitely let you know if I find something
> missing :)

I did some tests and did not find solutions to the following problems:

1) I tried to use group.frame.border property to set different border
for the top side of the group. Is that possible? "10 1 1 1 solid
#aca899" doesn't work, neither does "10 1 1 1".

2) I tried to turn off a thin border around TabItems but found no
corresponding property. I'd like to leave a border around the TabFolder
itself if possible (although probably not the default one). Setting
widget.thinborder to the background color doesn't seem to work either.

3) The orange bar at the top of an active TabItem doesn't seem to be
themeable.

4) Also it would be nice to be able to customize the height of the tab
items.

5) I tried to change the border around a text field, but
control.BORDER.border doesn't seem to have any effect on this. I guess
it uses properties for 3d borders, is there a way to change it?

Otherwise it works like a charm :)
Thanks for your answers,

Michał
Re: Customizing the look of existing widgets [message #35791 is a reply to message #35689] Thu, 28 June 2007 19:38 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Michał,

Michał Tkacz schrieb:
> [...]
> 1) I tried to use group.frame.border property to set different border
> for the top side of the group. Is that possible? "10 1 1 1 solid
> #aca899" doesn't work, neither does "10 1 1 1".

This is currently not possible. The reason is that in most cases borders
have to have the same width on all edges to be able to implement
Control#getBorderSize() reasonably. Since this is not the case for the
Group frame, we could make an exception here. I have to think about
that. Please tell us if this is important for you.

> 2) I tried to turn off a thin border around TabItems but found no
> corresponding property. I'd like to leave a border around the TabFolder
> itself if possible (although probably not the default one). Setting
> widget.thinborder to the background color doesn't seem to work either.

The color in the thin TabFolder border was still hardcoded, I just
changed it to "widget.thinborder". However, as this color is also used
for the Group widget, setting it to the widget background might not be
the perfect solution.

The current themeing does not support to turn off this border. But I'll
see if I can change that.

> 3) The orange bar at the top of an active TabItem doesn't seem to be
> themeable.

At least the color can be changed, it is called "widget.selection-marker".

> 4) Also it would be nice to be able to customize the height of the tab
> items.

The height of the TabItems depends on the font and on the padding. The
latter is still hardcoded but will be made themeable in the next couple
of days.

> 5) I tried to change the border around a text field, but
> control.BORDER.border doesn't seem to have any effect on this. I guess
> it uses properties for 3d borders, is there a way to change it?

The Text widget uses the themeable border "text.BORDER.border".


Thanks for your suggestions.

Ralf
Re: Customizing the look of existing widgets [message #35826 is a reply to message #35791] Thu, 28 June 2007 19:55 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Michał,

> The color in the thin TabFolder border was still hardcoded, I just
> changed it to "widget.thinborder". However, as this color is also used
> for the Group widget, setting it to the widget background might not be
> the perfect solution.

I was wrong about that. The original idea was to use the color
"widget.thinborder" for the Group widget too. But the group frame has
already become a themeable border. Thus, "widget.thinborder" is now only
used by the TabFolder. I think we should drop this property completely
and make the TabFolder border configurable.

Ralf
Re: Customizing the look of existing widgets [message #35993 is a reply to message #35791] Thu, 28 June 2007 22:22 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

Ralf Sternberg pisze:
> Hi Michał,
>
> Michał Tkacz schrieb:
>> [...]
>> 1) I tried to use group.frame.border property to set different border
>> for the top side of the group. Is that possible? "10 1 1 1 solid
>> #aca899" doesn't work, neither does "10 1 1 1".
>
> This is currently not possible. The reason is that in most cases borders
> have to have the same width on all edges to be able to implement
> Control#getBorderSize() reasonably. Since this is not the case for the
> Group frame, we could make an exception here. I have to think about
> that. Please tell us if this is important for you.

Well, not necessarily if I learn how to write my own widgets which I
plan to do in a couple of days. While I test to see how close to my
design (you remember my other post) can I get with Group, I'll probably
have to write my own version from scratch anyway.
So feel free to drop it, I believe there're more important enhancements
to implement :)

>> 2) I tried to turn off a thin border around TabItems but found no
>> corresponding property. I'd like to leave a border around the TabFolder
>> itself if possible (although probably not the default one). Setting
>> widget.thinborder to the background color doesn't seem to work either.
>
> The color in the thin TabFolder border was still hardcoded, I just
> changed it to "widget.thinborder". However, as this color is also used
> for the Group widget, setting it to the widget background might not be
> the perfect solution.
>
> The current themeing does not support to turn off this border. But I'll
> see if I can change that.

Same here. Since I heard from Rüdiger that BIDI support is not scheduled
for 1.0 (see the other post) I'll probably go and implement my own,
simpler, but in some way better for me, version of TabFolder in the end.
So if this is not something that can be changed easily, forget it.

>> 3) The orange bar at the top of an active TabItem doesn't seem to be
>> themeable.
>
> At least the color can be changed, it is called "widget.selection-marker".

Aah, yes, I didn't notice that.

>> 4) Also it would be nice to be able to customize the height of the tab
>> items.
>
> The height of the TabItems depends on the font and on the padding. The
> latter is still hardcoded but will be made themeable in the next couple
> of days.

Great :)

>> 5) I tried to change the border around a text field, but
>> control.BORDER.border doesn't seem to have any effect on this. I guess
>> it uses properties for 3d borders, is there a way to change it?
>
> The Text widget uses the themeable border "text.BORDER.border".

Hmm, when I use it I get "Undefined key" warning. I didn't find it in
theme-template either. (and I just checked all the code out of the CVS)

> Thanks for your suggestions.

Thanks for your time.

Michał
Re: Customizing the look of existing widgets [message #36059 is a reply to message #35993] Fri, 29 June 2007 08:57 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Michał,

> [...]
> Well, not necessarily if I learn how to write my own widgets which I
> plan to do in a couple of days. While I test to see how close to my
> design (you remember my other post) can I get with Group, I'll probably
> have to write my own version from scratch anyway.
> So feel free to drop it, I believe there're more important enhancements
> to implement :)

RWT Themeing is my main focus at the moment, so I don't mind spending
some time on useful enhancements. Thus, I appreciate to know what the
actual shortcomings of the RWT themeing are. Links to example web pages
are also welcome. Even if not now, we can think about extending the
themeing of some widgets later...

>> The current themeing does not support to turn off this border. But
>> I'll see if I can change that.
>
> Same here. Since I heard from Rüdiger that BIDI support is not scheduled
> for 1.0 (see the other post) I'll probably go and implement my own,
> simpler, but in some way better for me, version of TabFolder in the end.
> So if this is not something that can be changed easily, forget it.

Well, if it's only the horizontal alignment of the tabs you want to
change, maybe it would help if we could make this themeable too? But
then again, the first item would still be the leftmost.

>> The Text widget uses the themeable border "text.BORDER.border".
>
> Hmm, when I use it I get "Undefined key" warning. I didn't find it in
> theme-template either. (and I just checked all the code out of the CVS)

Oh, you're right, this was still hardcoded. I just changed this in CVS,
so you can use "text.border" and "text.BORDER.border" now. Sorry for the
confusion.


Ralf
Re: Customizing the look of existing widgets [message #37116 is a reply to message #36059] Wed, 11 July 2007 11:47 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: mehow.infogenia.pl

This is a multi-part message in MIME format.
--------------050607060603000004000105
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit

Hello Ralf,

I'm sorry for not replying for such a long time.

Ralf Sternberg pisze:
> Hi Micha
Re: Customizing the look of existing widgets [message #37252 is a reply to message #37116] Thu, 12 July 2007 10:06 Go to previous message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Michał,

Michał Tkacz schrieb:
> [...]
>> Well, if it's only the horizontal alignment of the tabs you want to
>> change, maybe it would help if we could make this themeable too? But
>> then again, the first item would still be the leftmost.
>
> I guess it will still not be what I was aiming at (see attachment for an
> example) and hence I will end up writing my own control some day. But I
> guess it would already be good enough, so if you can do it, please do it.

Thanks for the attachment. It looks nice and I think, this will once be
possible with RAP, but there are still some problems to solve.

> BTW. did you manage to make the padding of the tab items themeable?

Unfortunately no. I started, but was interrupted by some more urgent
issues that must be finished before the upcoming milestone release, so
it's not in the CVS yet. I'll let you know when it's finished.

Regards,
Ralf
Previous Topic:Custom widgets
Next Topic:RAP Coverage
Goto Forum:
  


Current Time: Sun Jul 21 16:26:05 GMT 2024

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

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

Back to the top