Column — Reference

Reference · Advanced · Framework7 8

Column settings and behavior. Settings include Normal Size, Text Align, Text Color, Back Color.

Column

Column settings and events. Select the component in App Structure to find these controls in Properties.

Name	Description
Normal Size	Options: Auto (col), 5% (col-5), 10% (col-10), 15% (col-15), 20% (col-20), 25% (col-25), 30% (col-30), 33% (col-33), 35% (col-35), 40% (col-40), 45% (col-45), 50% (col-50), 55% (col-55), 60% (col-60), 65% (col-65), 66% (col-66), 70% (col-70), 75% (col-75), 80% (col-80), 85% (col-85), 90% (col-90), 95% (col-95), 100% (col-100) Default: "col-auto".
Text Align	Options: Default, Left (text-align-left), Center (text-align-center), Right (text-align-right), Justify (text-align-justify) Default: "".
Text Color	Options: Default, Red (text-color-red), Green (text-color-green), Blue (text-color-blue), Pink (text-color-pink), Yellow (text-color-yellow), Orange (text-color-orange), Purple (text-color-purple), Deep Purple (text-color-deeppurple), Light Blue (text-color-lightblue), Teal (text-color-teal), Lime (text-color-lime), Deep Orange (text-color-deeporange), Gray (text-color-gray), White (text-color-white), Black (text-color-black) Default: "".
Back Color	Options: Default, Red (bg-color-red), Green (bg-color-green), Blue (bg-color-blue), Pink (bg-color-pink), Yellow (bg-color-yellow), Orange (bg-color-orange), Purple (bg-color-purple), Deep Purple (bg-color-deeppurple), Light Blue (bg-color-lightblue), Teal (bg-color-teal), Lime (bg-color-lime), Deep Orange (bg-color-deeporange), Gray (bg-color-gray), White (bg-color-white), Black (bg-color-black) Default: "".