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 10:01  |
Eclipse User |
|
|
|
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 #35162 is a reply to message #35112] |
Tue, 26 June 2007 14:26  |
| Eclipse User |
|
|
|
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 #35323 is a reply to message #35206] |
Tue, 26 June 2007 17:20 |
| Eclipse User |
|
|
|
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 #35791 is a reply to message #35689] |
Thu, 28 June 2007 15:38 |
| Eclipse User |
|
|
|
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 #35993 is a reply to message #35791] |
Thu, 28 June 2007 18:22 |
| Eclipse User |
|
|
|
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 04:57 |
| Eclipse User |
|
|
|
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 #37252 is a reply to message #37116] |
Thu, 12 July 2007 06:06 |
| Eclipse User |
|
|
|
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
|
|
|
Goto Forum:
Current Time: Sat Apr 26 13:30:35 EDT 2025
Powered by FUDForum. Page generated in 0.04355 seconds |
Home