5 Stylish Ideas For Your Database Applications: The Basics

I know we always said that you absolutely don’t need to know how to code to design your database applications in Kohezion. It is still the truth! But… what if I gave you a few tricks of the trades to “cheat” just a little bit? Here are five simple lines to cut and paste in the field name when you want to do basic styling of the fields in your apps.

First, you need to be in the application you want to style to make those changes. Remember, you should go under the “item specification” tab. If you are not sure what I am currently writing about, check out this video to refresh your memory.

You can then either add a new field or edit an existing one. Copy the line you want to use and paste it in the name you want to give to this field in the right column. All you have to do is to change the word “TEXT” for the actual name you want to give to this field. The styling will automatically be applied to the name of the field.

 

How to add colour to your field names

The line of code you should copy-paste is:

<span style=”color:red;”>TEXT</span>

Style field name color Kohezion

Since I used the color code “red”, the text is… red! But to use any other color, simply substitute the word “red” for any other color name in this list. I especially like to use Dark Magenta and Medium Orchid.

I like to change the color of a field name when I need to drag the users’ attention on a specific field. For example, in my student tracker application, I could put the “Allergies” field in red since this is the color health care professionals use to write allergies in a patient’s file.

 

How to add underline to your field names

The line of code you should copy-paste is:

<span style=”text-decoration:underline;”>TEXT</span>

Style field name underline Kohezion

I like to underline description fields to clearly state the explanations I’m adding to my application.

 

How to add bold to your field names

The line of code you should copy-paste is:

<span style=”font-weight:bold;”>TEXT</span>

Style field name weight Kohezion

You may want to use bold gingerly since, by default, a mandatory field will appear bold in your applications. It could become confusing for your users. I’ll usually use bold paired with a color or underline to differentiate it from a mandatory field. Scroll down to “How to add colour, underline, bold and change the font size of your field names all at the same time” to learn how to do this.

 

How to edit the font size of your field names

The line of code you should copy-paste is:

<span style=”font-size:16px;”>TEXT</span>

Style field name font size Kohezion

In this example, I used a 16px font size but you can adjust the number to the size of font you want to use. The numbers to use are the same you would choose for the font size in any text editor (Word, Pages, etc.). Don’t forget the “px” after the number.

 

How to add colour, underline, bold and change the font size of your field names all at the same time

The line of code you should copy-paste is:

<span style=”text-decoration:underline;font-size:14px;color:blue;font-weight:bold;”>TEXT</span>

Style field name multiple styling Kohezion

In this case, I used the four first examples in one. All you have to do is to add a semicolon in between each styling code.

 

You now know four of the basics to create stylish database applications. Stay tuned for more tricks to come in the next few weeks. By the way, you (and I!) don’t really know what that means, but what we are doing here is CSS, meaning “cascading style sheet”. Fancy styling stuff!

The following two tabs change content below.

Marie-Josee Porlier

Sales Director at Kohezion
Marie-Josée Porlier is the Sales Director and main blogger @ Kohezion. Ask her your questions about the cloud computing industry, online database software, database applications, legacy systems, business solutions and business productivity. She can be reached at mjporlier(at)kohezion(dot)com.
This entry was posted in Database Application. Bookmark the permalink.

Leave a Reply