This article outlines the basics of getting started with HTML in Ninox formula fields, and assumes no prior knowledge of HTML. I will go through the html() function in Ninox as well as elements in HTML, and provide further resources to help you get the most out of inserting HTML into Ninox via formula fields.
THE HTML() FUNCTION
The html() function is a special function in Ninox that allows HTML to be rendered in a formula field. The html() function takes a single string parameter which is the HTML string to be inserted into the formula field. It often looks much better to set the background color of the formula field to the background color of the table view you are in (the default is white). The background color can be set under style > Background color when editing the formula field. Below is an example of how the HTML function is used:
html("<div style='font-weight:bold; color:white; background-color: MediumSeaGreen; text-align: center;'>MY HTML ELEMENT</div>")
HTML stands for Hypertext Markup Language, and is the language that defines the structure of almost all webpages on the internet. It is composed of elements which are rendered by browsers as visual elements in a webpage. Here is an example of an HTML element:
An element is composed of a start tag (or opening tag), element content, and an end tag (or closing tag).
The end tag is always in the form of “</tagname>” and simply delineates the end of the element’s contents.
The element contents can be either plain text, which will be rendered to the page, or can be one or more HTML elements Nested within the parent element. An example of this is shown below.
html(" <ol> <li>item one</li> <li>item two</li> <li>item three</li> </ol> ")
The “ol” tag name specifies an ordered list element which is rendered in a specific way by the browser. In the above example the “ol” element contains three “li” (list item) elements, each of which contains its own text contents.
This article barely scratched the surface, but thankfully there are a host of free resources online for learning HTML.