Style Samples

Classic Servoy
1

It’d be nice for someone with a knack for colors to make a solution with a number of styles that we can download!

2

please wait for this a bit longer because styles have been complete reworked in 2.1 and now you can edit styles in the editor just like CSS.. (so you can share them pretty easy now)

3

Checkout the create “new sample style” context menu on styles node in editor (in Servoy 2.1b2)

4

Jan,

After I upgraded to Servoy 2.1beta2 I believe I lost my styles. I have made a solution with the ‘servoy’ style, but after upgrading they all look different. Some of the things I see that have changes include:

Many fields that used to have the horizonal centering set to left are now centered.
The background of the forms used to be grey and now it is white.

How do I fix this without editting several hundred individual forms?

John McCann

5

Edit the CSS style in the editor (select styles node), the existing Servoy styles are converted to css styles.

6

could we have some more information on styles? I tried, for example, to set the text color of a label, so I typed “text-color:” or “foreground-color:” but nothing worked. I also couldn’t manage to set the background color of a form etc.

It’d be very useful to have at least a list of supported “tags”.

One more remark: Wouldn’t it have been more transparent to have let’s say a dialog where you can choose a style first, then you see a list of classes and you edit one class then, maybe even with access to the supported properties for that sort of object just like the property info for objects.

Or could we do something like this: I format an object like I want and the right click on it and have a “extract style” option in the contextual menu that would ask a name for the style?

Just brainstorming :wink:

7

create sample css (via context menu on styles node) shows what is possible with the css styles

8

yes, I had a look at that. I doesn’t answer my questions, though, on for example setting the text color for labels or setting the form background color. Are those properties not supported in styles?

9

ah, the sample style shows all currently CSS supported properties, so it is possible to have:

label
{
	color: #cccccc;
	background-color: #cccccc;
	border-style: inset;
}

Adding border en bgcolor to a new “form” CSS class sounds like a good idea.