search

webforj / webforj-docs

https://documentation.webforj.com/
0 stars 1 forks source link

Document Columns Layout #182

Open hyyan opened 2 months ago

hyyan commented 2 months ago

PR: https://github.com/webforj/webforj/pull/653

Columns Layout

  1. What is a Columns Layout?

    • Explanation with a basic example.

  2. Configuring Columns

    • By default, two columns are used.
    • Provide a sample configuration for three columns.

  3. Breakpoints

    • Explain that the columns layout is responsive and respects provided breakpoints.
    • Show how to configure columns with a sample for three columns.

  4. Column Spans and Spans per Breakpoint

    • Describe how to manage column spans and adjust spans according to different breakpoints.

  5. Placing Items in Specific Columns

    • Explain how to place items in specific columns and adjust their placement per breakpoint.
    • Demonstrate changing the number of columns based on the container size.

  6. Items Vertical and Horizontal Alignments

  7. Items spacing

  8. Building a Form Sample

    • Rewrite the flex form example using the columns layout.