Tutorial n°4 : Create and use Grids

Step 6: Center elements in your grid

Now that grid sizing has no longer secret for you, let's see how you can interact with the content you put in the grid (in this case the numbers 1 to 12) :

Put your grid and grid row height as "Not set" in the properties so that it adapts to the height of the columns content.
Then, in the palette, look for the "Format Layout" component. This is the component that will position the text in your element (the grid in this case).
Drag & drop this Format Layout in the "Grid" element, then simply change the general "Alignment" property to "ion-text-center"
Success !

You successfully completed this step, please click the Next Step button to go to next tutorial step
Close
You did not complete all the actions required in this step, are you sure you want to go to the next step ?