K2 provides a vast range of options for the user to easily change the appearance of the K2 SmartForm controls. Some styling changes (when it comes to single controls), however, need some additional work to accomplish a specific effect.
You can also create a theme for your application, to read more about this view our blog on the subject.
For this example we want all the required fields on our form to have a red 3px border on the left side. The standard K2 styling works for textboxes, textareas as well as drop-down boxes. When we apply the same styling to a picker control, the border gets added on both the left and right side because of the way K2 constructs the HTML for the picker control.
To get going we first need to add a style to add the border. You can do this by clicking on styles in the “General” properties section.
Add the left border. As you can now see the picker control is made up of two different HTML objects and the left border gets applied to both.
When you run your application the unwanted border no longer displays.