Frame25

Frame25 is a responsive layout container control used to arrange UI content in structured rows and columns. It is built on top of the Bootstrap grid system and supports both row-wise and column-wise alignment patterns.

Key Features

• Responsive Bootstrap-based grid layout
• Supports row-wise and column-wise alignment
• Automatic column sizing
• Flexible content injection using raw HTML
• Optimized for cards, widgets, and form layouts

Alignments

• Rowwise – Layout content row by row
• Columnwise – Layout content column by column

ColumnSize

ColumnSize maps directly to Bootstrap grid columns (12-column layout).

• Auto – Automatically calculated based on column count
• S1 to S12 – Explicit column width (col-lg-1 to col-lg-12)

Rowwise Layout Example

 var frame = new List();
 var col1 = new Frame25.ColumnData
             {
                 ColumnSize = Frame25.ColumnSize.S4,
                 Data = HtmlString1,
             };
 var col2 = new Frame25.ColumnData
             {
                 ColumnSize = Frame25.ColumnSize.S4,
                 Data = HtmlString2,
             };
 frame.Add(col1);
 frame.Add(col2);
 var frame1 = new Frame25.Rows()
             {
                 ColumnCount = "2",
                 ColumnData = frame
             };


 var rows = new List();
 rows.Add(frame1);
 var frame25 = new Frame25("FrameMenu", Frame25.Alignments.Rowwise);
 frame25.AddRowData(rows);

 string HtmlStr = frame25.GetHtml().ToString();