Important! This is an advanced topic intended for expert users. Please make sure that you carefully read these instructions as each step must be followed precisely in order to work. Check out the Glossary to familiarize yourself with the terms used to describe Klipfolio Dashboard.
Welcome to Tips and Tricks #2! In this article, we are going to take our first steps towards editing Klip Source Code. Today's task is going to be to change a Klip's height using the Source Code editor in the Edit Klip workspace.
Each Klip you build has unique Source Code that defines the behaviour and properties of your Klip (Klip style, how the data is presented, and other adjustable properties). When you are working in the Edit Klip workspace using the Properties Editor you are using an interface that writes the code for you. It is possible to edit the Klip Source Code directly to write a Klip or adjust some of its properties, although this type of action is not typically recommended.
There are instances where editing a Klip's Source Code directly can be useful, for instance when changing your Klip's height. It is important to note that you need to be very careful when modifying your Klip's Source Code so as not to introduce errors into your Klip.
Each Klip type has a default Klip height that can only be modified by directly editing the Klip's Source Code. This feature is useful if you want to have all of your Klips on a dashboard line up (see the image below). In order to control your Klip's height, you will only need to insert a single line of code into the Klip's Source Code.
Whenever you are editing Source Code, you can undo any of your changes by clicking the Cancel button in the Source Code editor. As well, you can save a copy of your Klip and then work on copy of the Klip's Source Code without worrying about losing important data in the original Klip. Just remember to delete the extra Klips as you finish working on them.
Note: Klip's width is determined by the layout of your tab and cannot be modified in the Klip Source Code.
Note: This set of procedures assumes you are in the Edit Klip workspace either as result of building a new Klip or editing an existing Klip.
Note: The ### number value is in pixels and can be modified based on your preferences.
The Klip's height is changed to 300 pixels
The changes to your Klip are saved.
That's it for now, but I'll be back again soon with some more tips and tricks!
Got an idea for a future Tips and Tricks article? Then share your idea in one of these great places:
Check out previous Tips and Tricks articles!
