Scaffold(
appBar: AppBar( //appbar widget on Scaffold
title:Text("AppBar"), //title aof appbar
backgroundColor: Colors.redAccent, //background color of appbar
),
)
You can easily add extra styling elements to your content by selecting the right element from the Formats menu of the WYSIWYG editor toolbar:
Create a numeric <ol> list, then highlight it and, in the Formats menu, select Ordered List. This will restyle the list to look like:
You can easily add dropcaps (dropped capital) to your content by selecting the right element from the Formats menu of the WYSIWYG editor toolbar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia varius suscipit. Vestibulum varius dui metus, vel porttitor dui ullamcorper at. Vestibulum ac tortor vestibulum neque gravida euismod. Mauris eu convallis sem. Pellentesque id odio dictum, hendrerit ligula quis, sollicitudin ante. In consequat lorem at lacus elementum, mollis aliquet tortor sagittis. Maecenas et nulla mi. Vivamus ligula tortor, porttitor et enim non, feugiat porta elit.
Convert your paragraphs to Tips, Info, Success or Warning messages by selecting or highlighting them and clicking on the Info, Tips, Success or Warning options in the Formats menu:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique quam augue. (paragraph with the .msg .msg--highlight classes)
Sodales maximus lacus venenatis quis. Etiam in ipsum et sem placerat semper et in magna. (paragraph with the .msg .msg--info classes)
Suspendisse vel odio felis. Nullam facilisis aliquet ex at fringilla. Quisque imperdiet elit vitae mi eleifend semper. Nulla mattis, est id accumsan placerat, nunc urna lacinia ex, (paragraph with the .msg .msg--success classes)
Eu venenatis nunc lacus quis felis. Etiam et rhoncus dui. Quisque vestibulum sed eros quis rutrum. (paragraph with the .msg .msg--warning classes)
You can easily add extra styling table to your content by selecting the right element from the Formats menu of the WYSIWYG editor toolbar.
By default all tables look like:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-bordered class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-striped class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-title class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
You can easily mix the table styles but adding two classes e.g.: .table-bordered .table-striped
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |