Differences

This shows you the differences between two versions of the page.

--- wiki:ai:editing_the_layout [2025/07/15 09:45] – Neil
+++ wiki:ai:editing_the_layout [2025/10/19 15:08] (current) – [Breaking the Column Layout] Neil
@@ Line 55: / Line 55: @@
 In the above code the very first line **92** has a **//div//** has a class **//ax-column4//**.  This class dictates how many columns will attempt to be displayed((Remember that on narrow devices they will automatically get altered to ensure panel content can still be read)).  There are **six** available column classes - **ax-column1** to **ax-column6**.
-Simply by changing this class will re-adjust the number of columns used.  **HOWEVER**, this is bound to haver an effect on tabular layouts.  You may well find that text gets wrapped inconveniently.  This may not be immediately obvious especially when dates are displayed as month and day names vary considerably in length.
+Simply by changing this class will re-adjust the number of columns used.  **HOWEVER**, this is bound to have an effect on tabular layouts.  You may well find that text gets wrapped inconveniently.  This may not be immediately obvious especially when dates are displayed as month and day names vary considerably in length.
 ===== Breaking the Column Layout =====
 Again looking at line **92** you will see that it also has a class **ax-fixedwidth**.  This forces all panels to obey the assigned column layout,  I.e., it will always try to make panels the same width regardless whether there are enough panels for the selected layout.  Any //orphan// panels will be centred within the page width.
-If you remove this class - **ax-fixedwidth**, any '//orphan//' panels will stretch sideways to fill the page width.  If you don't want this to happen but want a specific panel to be wider, you can leave the class **ax-fixedwidth** but add a class **ax-growX2** to your selected panel to make it span two panel widths.  You can also use '**ax-growX3**' or '**ax-growX4**' to make the panel grow by three or four panel widths.
+If you remove this class - **ax-fixedwidth**, any '//orphan//' panels will stretch sideways to fill the page width.  If you don't want this to happen but want a specific panel to be wider, you can leave the class **ax-fixedwidth** but add a class **ax-growX2** to your selected panel to make it span two panel widths. ++ Note | You can also use '**ax-growX3**' or '**ax-growX4**' to make the panel grow by three or four panel widths. ++
-</wrap>