Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Remote Application Platform (RAP) » Change tree / table header background and foreground color
Change tree / table header background and foreground color [message #1787189] Mon, 21 May 2018 16:52 Go to next message
Nicola  Zanaga is currently offline Nicola ZanagaFriend
Messages: 52
Registered: July 2009
Member
Hi,

I'm searching a method to change header background / foreground color of tree and table.

Styling header by css is not suitable, because I need to dinamically change background and foreground.

In the latest release of SWT, there are "setHeaderBackground" and "setHeaderForeground".
It's planned to allineate RAP source with SWT source ?

Alternatively, I tried to change color using "JavaScriptExecutor" using code like below, but I can't access to the header id / background method (if exist) :

                WidgetRemoteAdapter adapter = ((WidgetRemoteAdapter) tree.getAdapter(RemoteAdapter.class));
                String id = adapter.getId();  // header id ??
        
                JavaScriptExecutor service = RWT.getClient().getService(JavaScriptExecutor.class);
                service.execute("rap.getObject('" + id + "').setBackground([0,255,0]);");


Re: Change tree / table header background and foreground color [message #1787205 is a reply to message #1787189] Tue, 22 May 2018 06:53 Go to previous messageGo to next message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2285
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
Hi,
it's too late for adding the new API for the upcoming 3.5 release (in June). We are approaching the RC phases now. Please open an enhancement request and we will add the missing API in 3.6.
Regards,
Ivan
Re: Change tree / table header background and foreground color [message #1787216 is a reply to message #1787205] Tue, 22 May 2018 08:25 Go to previous messageGo to next message
Nicola  Zanaga is currently offline Nicola ZanagaFriend
Messages: 52
Registered: July 2009
Member
Thanks, I've filed a bug at
https://bugs.eclipse.org/bugs/show_bug.cgi?id=534927
Re: Change tree / table header background and foreground color [message #1787222 is a reply to message #1787189] Tue, 22 May 2018 09:48 Go to previous messageGo to next message
Vincenzo Caselli is currently offline Vincenzo CaselliFriend
Messages: 210
Registered: January 2012
Senior Member

Hi Nicola,
CSS styling isn't at all in contrast with dynamic change of background and foreground, even for table headers.

Just define different CSS for your UI status, e.g.

TableColumn {
  color: #0000FF;
    background-image: gradient(
    linear, left top, left bottom,
    from( #ff0000 ),
    to( #ff0000 )
  );
}

TableColumn.other {
  color: #00FF00;
    background-image: gradient(
    linear, left top, left bottom,
    from( #0000FF ),
    to( #0000FF )
  );
}

Then, when you want to change it, do for instance:

                TableColumn[] columns = table.getColumns();
                columns[2].setData( RWT.CUSTOM_VARIANT, "other" );

it works (just tested)

HTH
Vincenzo

Re: Change tree / table header background and foreground color [message #1787289 is a reply to message #1787222] Wed, 23 May 2018 08:20 Go to previous messageGo to next message
Nicola  Zanaga is currently offline Nicola ZanagaFriend
Messages: 52
Registered: July 2009
Member
Hi Vincenzo,

unfortunately styling by css doesn't permit to change color at runtime, but only defines statically (and globally) pre-coded styles, where the css must in any case configured at application startup

In any case, to use css dynamically, maybe if were possible:
1) adding css theming at runtime for example like:
RWT.getUISession().appendCss( "data" );


2) or define css style inline in a control
  columns[0].setData( RWT.CUSTOM_CSS, "TableColumn { color: XXX }" );


will solve the problem
Re: Change tree / table header background and foreground color [message #1787293 is a reply to message #1787289] Wed, 23 May 2018 09:05 Go to previous messageGo to next message
Vincenzo Caselli is currently offline Vincenzo CaselliFriend
Messages: 210
Registered: January 2012
Senior Member

Hi Nicola,
I can assure you that the snippets in my previous post are indeed working, at least if I understood right your needs.
Let me show you.
This is how the table header appears at first
index.php/fa/32890/0/
that's because of the base CSS is the following
TableColumn {
  color: #0000FF;
    background-image: gradient(
    linear, left top, left bottom,
    from( #ff0000 ),
    to( #ff0000 )
  );
}

then, when I click on a button, I do this programmatically
TableColumn[] columns = table.getColumns();
columns[3].setData( RWT.CUSTOM_VARIANT, "other" );

and that's what happens immediately
index.php/fa/32891/0/
thanks to the following CSS
TableColumn.other {
  color: #00FF00;
    background-image: gradient(
    linear, left top, left bottom,
    from( #0000FF ),
    to( #0000FF )
  );
}


If that's not happening to you, the only reason I can think of is that you aren't handling the ServerPushSession (start/stop). In this case, try to do start it, e.g. when creating the composite, with:

ServerPushSession pushSession = new ServerPushSession();
pushSession.start();

(although at some point you should call also .stop())

Let me know what's not working for you.
HTH
Vincenzo

Re: Change tree / table header background and foreground color [message #1787295 is a reply to message #1787189] Wed, 23 May 2018 09:33 Go to previous message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2285
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
Hi,
Vincenzo is right... Changing widget custom variant at runtime is possible in RAP. You could use it as a workaround for the missing API. Nevertheless, I would like to add support for the new Tree/Table SWT API in the next 3.6 release.
Regards,
Ivan
Previous Topic:Scroll problem in Safari on iOS11
Next Topic:Background Image on CoolBar
Goto Forum:
  


Current Time: Wed Sep 26 02:27:12 GMT 2018

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

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

Back to the top