How flexible are the layout options within Yellowfin?

When creating dashboard content within Yellowfin you are able to select from multiple layout options, these set a row and column-style layout such as full with column per row or 50% width columns two per row. The flexible option is a canvas dashboard which allows you to create your own layout within the canvas which allows you to have unlimited choice on the layout.

Using Dashboard Canvas, complex designs can be achieved with the ability to freely place a variety of rich content items in any position and to fine-tune the look and feel of those objects.

Good design principles should be followed at all times to ensure that your Dashboard is not only aesthetically pleasing but also conveys the necessary information in the most effective and efficient way for users at all skill levels.

Do I have any design constraints in developing my dashboards?

Canvas style dashboards have unlimited flexibility. The Dashboard Canvas provides a WYSIWYG editor so you can quickly see your designs come to life – and a preview mode so you can interact with the draft Dashboard before publishing.

Multiple object types can be included on a Canvas:

• Report content (tables, charts, maps, canvas)
• Text
• Images
• Buttons
• Lines
• Shapes
• Icons
• Custom objects

Content can be freely manoeuvred – using drag and drop or via the properties editor. Control down to the pixel level (x and y coordinate).

Content can be overlapping and it’s z coordinate position can be manipulated – by sending the object backwards and forwards). 

Fine-grained control of appearance is possible, including defining colors from a preset palette or even using the hexadecimal color code. Borders, edges, shadows and many other aspects of appearance are configurable.

Objects can be grouped together for easier manipulation.

Code mode allows for direct editing of certain HTML properties that define appearance – as an alternative to using the properties editor or drag and drop.

Can I use custom HTML in my dashboard design?

Yes, within Code Mode you can use custom HTML, CSS and JavaScript. Using the Custom HTML widget on your dashboard will allow you to visualise your HTML at design time and manage attributes such as size, location, background formatting and others.

Can I use CSS?

Yes, CSS can be used to change the style of existing Yellowfin objects or custom objects.