servoy webclient sexy tabpanels

Classic Servoy
1

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

servoy webclient old-style:
[attachment=1]servoy_tab_old.png[/attachment]

servoy webclient new-style:
[attachment=0]servoy_tab_new.png[/attachment]

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! :D

So give your vote! :wink:

servoy_tab_new.png

servoy_tab_old.png

Which style of tabpanels YOU like?
  • I like the old css style
  • I like the new css style
0 voters
2

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

3

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

4

I like the new ones, but I’m not sure I would characterize them as “sexy”. Maybe, ‘slightly more tasteful’ is more accurate.

5

jmcneely:
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… :|

6

Harjo:
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! :)

7

bobbydtma:

jmcneely:
Next on our list…the paging controls for table views… :|

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

.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;
}

;-)

8

I like the new style better :D

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…

9

wow, still 2 votes for the old style! :shock:
one is Jan, I’m sure! :lol:

10

Don’t challenge me to hack the forum and add 100 votes for the blue version! ;-)

11

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?

12

Jan Aleman:
Don’t challenge me to hack the forum and add 100 votes for the blue version! ;-)

:lol: :lol: :lol:

13

Thomas Parry:
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?

14

Harjo:
wow, still 2 votes for the old style! :shock:
one is Jan, I’m sure! :lol:

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

15

that doesn’t matter, we won!! :D :D

16

if you have a general consensus that there is 1 that is way better the our default.
then attach it to a case and we can see if we can make this the default…

17

We will not change defaults for sure, as to not change existing solutions.

We can however ship multiple styles, allowing you to select whichever you like.

Paul

18

Paul, I understand, making this default will not solve this, for everybody!
Just give us the controls, or this css, right into Servoy, so we can program/tune it our selfs!

19

Well, you know you already can do this.

Only thing we can do is improve the easy of use:

  • Ship a few more stylesheets to choose from, besides the current one (but you can already create them yourself)
  • Allow you to specify which one to use by default (per server and per solution)
  • Allow you to include such styles with your solution

Now, not saying this can all be done (especially the latter two) but we are (and have been) looking into that already.

But do note: you can already create additional stylesheets containing the default style for elements.

Paul

20

Paul, the problem with my approach is, that with every update of Servoy, I have to look in the default css, and look what have changed or added, and add that (manually) to my stylesheet right?

But do note: you can already create additional stylesheets containing the default style for elements.

Do you have some examples, or info (wiki?) on how to do this?