This article only applies to Squared Up Version 2.0. If you're looking for help with Squared Up Version 3.0, please visit our new knowledge base
Creating a Split
- Enter edit mode
- Select 'add split'
- Click on the section you want to split to create a divide
Editing Split Size
Simply drag the split divide horizontally to edit the size of the split, monitoring the distance through the percentage. This animation shows how to create 5 equal columns:
Deleting a Split
Click on the x under each split line to remove a split.
Editing a Split in the xml
Some splits can be difficult to achieve in the dashboard designer, so you can edit the split in the xml file:
Locate your XML
If your dashboard is a draft locate your XML through C:\inetpub\wwwroot\SquaredUpv2\UserProfiles\ using the end of your URL to identify your dashboard.
If your dashboard is published you can locate your XML through C:\inetpub\wwwroot\SquaredUpv2\Configuration\Views.
- Locate the section you would like the split using the section title <Title>Section Name</Title> as an indicator.
- Using the <Split> tag you can create a split which surrounds the section. Use the <Left> or <Right> tag to specify where the section is split. Use <Width> tag to edit the size of these sections.
- Saving and refreshing your Squared Up dashboard will allow you to view your new split in edit.
Below is an example of a split with a 50% width.
<Sections> <Split> <Width>50</Width> <Left> <Section> </Section> </Left> <Right> <Section> </Section> </Right> </Split> </Sections>
To add a horizontal split use the following:
<Sections> <Split> <Width>50</Width> <Left> <Section> <Id>1464020434314</Id> </Section> </Left> <Right /> </Split> <Split> <Width>50</Width> <Left /> <Right /> </Split> </Sections>
Attached is a file half_split_thirds_split.xml which you can save to your Views folder and then populate to achieve this layout:
Laying out a dashboard
Having added sections and splits to the dashboard it is useful to know that you can move sections within the dashboard, by clicking and dragging the gear / settings button
to place the section in another location.