Edit a complex document, reorganize it
This lesson is probably the most important, as it explains Storga's organize mode. A good understanding of this mode makes all the difference between a user who will persist in seeing Storga as a clone of their office software, and will remain frustrated by its user interface, and another who will understand its own logic, and ultimately find it much more natural.
Create a complex block (a table)
|
In the previous lesson we learned how to create simple blocks, for example a paragraph. Now let's create a complex block, for example a table.
To do this, as in the previous lesson, switch to edit mode, position the cursor, then click on the toolbox icon, here the table icon.
The menu which then appears above the screen allows you to choose the initial number of rows and columns of the new table.
|
|
This is what a table with 2 rows and 2 columns might look like, in which the box at the top left has been filled in:
|
If we now click on the 'C' to edit the contents of the cell at the top left, the context menu that appears is:
What changes from the previous lesson is that the menu has two tabs.
The one on the left corresponds to the table, the one on the right corresponds to the paragraph inside the table.
|
|
|
By clicking on the table icon in the context menu, we can access the properties of the cell and the table of which it is a part.
This allows you to add or remove rows or columns, as well as change the cell background color.
'Extend' allows you to extend the content of a cell over its neighbors, to the right and down.
Also note that the 'Properties' button in the table context menu allows you to specify whether the cell borders should be displayed or not. Tables with invisible cell borders are often used for layout purposes, such as in this documentation, where images are displayed on the right, because they are located in the right cell of a one-row, two-column table, whose cell borders are not displayed.
|
|
|
If now we click again on the 'C' of the cell, and then, as in the previous lesson, we select the 'Title' icon to add a subtitle. Where will the new subtitle be added? In the cell, where under the table?
The answer is: it depends on which tab is selected in the context menu.
If the paragraph tab is selected, the new block will be added under the paragraph block of the cell, in the same cell. If the table tab is selected, a new block will be added under the table.
|
|
Organize mode
|
Now let's click on the 'Organize' icon to switch from edit mode to organize mode.
|
|
The display changes, and our table now looks like this:
Here is the meaning of the new graphic elements:
•
|
The small icon on the left simply reminds us that it is a 'Table' type block.
|
•
|
The box just to its right allows us to select this block.
|
•
|
Finally, the yellow bars are used to indicate the positions 'just before the table' and 'just after the table'.
|
Note that when you select blocks, you can select a whole series of them with a single gesture. To do this, we click on the selection box corresponding to the first in the series, and without letting go, we slide to the selection box corresponding to the last one, then we let go.
Delete a set of blocks
|
It's quite simple: select the blocks to delete, then click on the delete icon in organize mode, and finally confirm by clicking 'yes' in the window that appears above the screen.
|
|
Move or copy blocks
Select the blocks to move, then click on the yellow bar corresponding to where you want to move them. The pop-up window at the top of the screen then asks you to choose between several alternatives:
|
Move
|
Needless to say.
|
|
Copy
|
Idem.
|
|
Shared copy
|
A shared copy means that each block will be in two places. So if you subsequently modify it in one of the places, this modification will also affect the second version of the block.
|
The detailed organize sub-mode
|
In organize mode, you can activate the detailed display by clicking on the detailed icon.
The detailed submode is a toggle, so a second click returns you to non-detailed organize mode.
|
|
Now let's see how our table is displayed in detailed organize mode:
In addition to the graphic elements corresponding to the table, we find this same series of graphic elements for each cell.
In organize and detail mode, we will therefore be able to select, then delete, move or copy not only the table as a whole, but also the cells individually.
Important: when you are faced with a complex Storga page, to which you wish to make modifications, or when the modifications you wish to make do not produce the expected result, do not click in all directions as you do with office software to try to guess; just switch to detailed organized mode, and the exact structure of the page will be displayed unambiguously. This is particularly true for forms, when you reach level 2 of the self-study.
Move blocks from one page to another
For this, you will use two tabs. If you don't remember how tabs work, do a quick review of the 'Navigating the Basics' lesson.
In the first tab, in 'organize' mode, select the blocks, then in the second, also in 'organize' mode, click on the yellow bar corresponding to the place where you want to move or copy them.
Note: The original page view is not updated automatically. To refresh it, simply click on one of the mode icons (view, edit or organize).
Use the elements made available in the Storga documentation
Storga's documentation system makes it possible to provide elements that you just have to copy and paste onto your site. To do this, also use two tabs. One displays the documentation, and you simply click the 'copy' button corresponding to the documentation item you want. The other displays your experiment site. Switch to 'organize' mode, then click on the yellow bar corresponding to the desired position, and finally click on the 'copy' button in the context menu that appeared above the screen.
Practical work
•
|
Retrieve the following content from the documentation, then move the title located inside the top left cell of the table above the table.
|
•
|
Change the background color of cell C2. Be careful, the background color of the cell is not the same thing as the background color of the text, which is used to highlight it.
|
•
|
In this same table, cell C3 is a paragraph with space before and after. Remove them.
|
•
|
Add a column to the table.
|
•
|
Create a subpage, then move there the example table that you have just incorporated into your experimentation site.
|
|