servoy webclient sexy tabpanels

[Harjo]

Hi, I posted last night a nice tip on ServoyCamp: http://www.servoycamp.com/topics/tips/1 ... y-way.html

servoy webclient old-style:

servoy_tab_old.png

servoy webclient new-style:

servoy_tab_new.png

after that, Jan Aleman and I had a nice (funny-teasing) little chat, he says: 'blue is nice, grey sucks' I said: 'blue sucks, grey is nice!'
I said, let's setup a poll and look who is winning, he agreed!

So give your vote!

[Bonkie]

The new tabs are looking way better.. Too bad of the blue tabpanel-border..

[kazar]

I was lucky to attend, years back, a visual design seminar by Edward Tufte. (Highly recommended!) His gospel rule, which he demo'd throughout the presentation, for differentiating elements of a visual design is to use "the smallest possible difference" to distinguish one object from another, but not so small as to make the viewer (or user) struggle to detect the state, implied significance, behavior or purpose of an element.

IMO the new css example follows Tufte's precept and is very classy.

kazar

[jmcneely]

I like the new ones, but I'm not sure I would characterize them as "sexy". Maybe, 'slightly more tasteful' is more accurate.

[bobbydtma]

I like the new ones, but I'm not sure I would characterize them as "sexy". Maybe, 'slightly more tasteful' is more accurate.

Agreed. Slightly less bland.
We did something similar in our webclient solution, but gave them a rounded corner and 3D-gradient look.
Next on our list...the paging controls for table views...

[Karel Broer]

Hi, I posted last night a nice tip on ServoyCamp: http://www.servoycamp.com/topics/tips/1 ... y-way.html

Cool tip, Harjo! Thanks!
My vote goes definetly for the new-style look!

[Harjo]

Next on our list...the paging controls for table views...

That already can be done, by inserted this in the Servoy style:

Code: Select all

.navigatornumber
{
       background-color: #cccccc;
    border-width: 0px 0px 0px 0px;
    border-color: #dddddd;
    border-style: solid;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 22pt;
    margin: 0 6px 0 6px;
    color: #0000cc;
}

.navigatornext
{
       background-color: #cccccc;
    border-width: 0px 0px 0px 0px;
    border-color: #dddddd;
    border-style: solid;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 22pt;
    margin: 0 6px 0 6px;
    color: #0000cc;
}

.navigatorprev
{
       background-color: #cccccc;
    border-width: 0px 0px 0px 0px;
    border-color: #dddddd;
    border-style: solid;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 22pt;
    margin: 0 6px 0 6px;
    color: #0000cc;
}

.navigatorfirst
{
   display: none;
}

.navigatorlast
{
   display: none;
}

[mboegem]

I like the new style better

Just out of curiosity: the tip Harjo posted is definitely simple to implement, can't this just be fully configurable from the solutions style sheet?
besides tabpanel and navigator I'd like to have more control over the table headers as well...

[Harjo]

wow, still 2 votes for the old style!
one is Jan, I'm sure!

[Jan Aleman]

Don't challenge me to hack the forum and add 100 votes for the blue version!

[Thomas Parry]

I am truly sorry but do not like either - totally without appeal whatsoever. Where is that third poll option?
@bobbydtma

We did something similar in our webclient solution, but gave them a rounded corner and 3D-gradient look.

Now that might be worth having a look at - can you post a screen shot.
Also maybe Harjo could beg you to post it on ServoyCamp too?

[Harjo]

Don't challenge me to hack the forum and add 100 votes for the blue version!

[Harjo]

I am truly sorry but do not like either - totally without appeal whatsoever. Where is that third poll option?

sure, everyone has its own taste! can you post a screenshot, of what you think has appeal?

[jcompagner]

wow, still 2 votes for the old style!
one is Jan, I'm sure!

and who do you think the other one is...... (but now there are 3!!)

[Harjo]

that doesn't matter, we won!!