Element Details: Responsive+Column
 Back


Available in: Logi Info Source code name: ResponsiveColumnIntroduced in: v11.4.046

ResponsiveColumn contains the display content. They have span attributes which indicate how wide they should be within the 12-column grid system. A colspan of 1 indicates the contents should fit within one twelfth of ResponsiveRow. Colspan 6 has the content take half. Colspan 12 indicates the content should take the full width. As ResponsiveColumns are processed, once they reach beyond 12, the ResponsiveColumn wraps down to another row on the web page.

When Colspan attributes are blank, appropriate default values are used depending on the number of ResponsiveColumn elements.

ResponsiveColumns can have different values depending on the viewport size. There are four screen sizes, ExtraSmallScreen, SmallScreen, MediumScreen and Large Screen.



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
Class
UserDefined
Sets the Cascading Style Sheet class used by the element. When set, this class will also be used by all child elements that don't have their own class. The class should be defined in the report's style sheet file.
ColspanExtraSmallScreen
9
8
7
6
5
4
3
2
12
11
10
1
0
The width within the 12-column-grid used by the ResponsiveColumns for extra-small screens, such as mobile phones. The value should be between 0-12. Zero indicates the ResponsiveColumn is not visible. The default is 12, so that all content is shown in a single column down the report page.
ColspanLargeScreen
9
8
7
6
5
4
3
2
12
11
10
1
0
The width within the 12-column-grid used by the ResponsiveColumns for screens larger than medium-size. The value should be between 0-12. Zero indicates the ResponsiveColumn is not visible. The default is the number of ResponsiveColumns divided by 12.
ColspanMediumScreen
9
8
7
6
5
4
3
2
12
11
10
1
0
The width within the 12-column-grid used by the ResponsiveColumns for medium-sized screens. The value should be between 0-12. Zero indicates the ResponsiveColumn is not visible. The default is the number of ResponsiveColumns divided by 12.
ColspanSmallScreen
9
8
7
6
5
4
3
2
12
11
10
1
0
The width within the 12-column-grid used by the ResponsiveColumns for small screens. The value should be between 0-12. Zero indicates the ResponsiveColumn is not visible. The default is the number of ResponsiveColumns divided by 12.
ID
UserDefined
The ID attribute is a pervasive attribute that uniquely identifies an element within a definition file. The ID needs to be a unique value within the definition.
SecurityRightID
UserDefined
When entered, access to this element can be controlled with Logi security. Supply the ID of a right defined in the applications settings’ Security element. Only users that have a right in the SecurityRightID will be able to see the element. Note that when rights come from RightFromRole elements under Security/UserRights, and this element's SecurityRightID does NOT match any of the Right IDs defined in the Settings definition, then the user DOES have access. But when Right IDs are instead derived from RightsFromDataLayer or RightsFromRoles elements, and the user DOES NOT have a matching Right, then the user DOES NOT have access. You can enter multiple right IDs, separated by commas. In this case, the user sees the element if he has any one of the Rights.



PARENT ELEMENTS

Click element to drill down for more information.

Responsive Row


CHILD ELEMENTS

Click element to drill down for more information.

Action.Add Bookmark
Action.Copy Bookmark
Action.Dial Phone
Action.Draft Email
Action.Draft Text Message
Action.Drag Bookmark
Action.Edit Bookmark
Action.EmailReport
Action.Exit
Action.Export CSV
Action.Export Native Excel
Action.Export Native Word
Action.Export PDF
Action.Export Word Or Excel
Action.Export XML
Action.Google Spreadsheet
Action.Javascript
Action.Link
Action.Map Location
Action.Popup Menu
Action.Process
Action.Refresh Element
Action.Remove Bookmark
Action.Report
Action.Run Bookmark
Action.Show Bookmark Sharing
Action.Show Element
Action.Template
Action.Widget
Bookmark Organizer
Bullet
Button
Chart Canvas
Conditional Class
Crosstab Table
Data Calendar
Data List
Data Multi-Column List
Data Table
Data Tree
Division
Event Handler
Fieldset Box
Gauge.Angular
Gauge.Arc
Gauge.Balloon Bar
Gauge.Bar
Gauge.Bullet Bar
Gauge.Number
Horizontal Line
Horizontal Rule
HTML Tag
Image
Include HTML
Include HTML File
Include Script
Include Script File
Input Chart List
Input Chart Range
Input Checkbox
Input Checkbox List
Input Color Picker
Input Combo List
Input Date
Input Email
Input File Upload
Input Grid
Input Hidden
Input Number
Input Password
Input Radio Buttons
Input Select List
Input Slider
Input Telephone
Input Text
Input Text Area
Input Time
Label
Leaflet Map
Master Report Content
Menu Tree
New Line
OLAP Table
Popup Panel
Rectangle
ReportCenter Menu
Responsive Row
Rows
Schedule
Space
Sparkline.Area
Sparkline.Bar
Sparkline.Line
Sparkline.WinLoss
SubReport
Tabs
Text Cloud
Toggle Image
Tooltip Panel
Vertical Line


 Back to top


 Chart Debug