mrc logo mrc logo
  • m-Power m-Power
    What is m-Power?
    Overview Demos Build Process Case Studies Specs Pricing Trial
    m-Power Resources
    Overview How-To Videos Webinars & Podcasts White Papers Fact Sheets
  • Solutions Solutions
    What does m-Power build?
    Overview Database Front-Ends Reporting CRM Systems Business Intelligence Dashboards Inventory Management Mobile Apps ERP Enhancements Modernization Spreadsheets to the web MS Access to the web B2B/Web Portals Scheduling Embedded Analytics Web Forms Workflow Data Exploration Budgeting & Forecasting APIs and Web Services Db2 Web Query Alternative
    Solutions by Industry
    Overview Manufacturing Government Foodservice Software Vendors Logistics & Supply Chain Software Consultants Healthcare
  • Services Services
    Development Services Training Mentoring
  • About About
    Overview Partners Press Releases Careers Events Contact Blog
  • Support Support
    Support Home FAQ Documentation Customer Portal Enhancements Updates Roadmap Techblog
Try m-Power

m-Power Manual

Browse:

  • Home
  • m-Painter
  • Grid Layout
Back to Manual

Controlling HTML Layout with Grid Mode

Click here to view the current version of this documentation.

Controlling the layout of elements on an HTML page has a tendency to be a clunky and time-expensive task. The Grid Layout feature allows developers to have much easier control with adding new elements to the page as well as having pinpoint control of where they are located. This document will demonstrate how to configure the grid row layout of an application's HTML.

Toggling Grid Mode

Clicking the 'Layout' button from the ribbon menu allows the developer to toggle the Grid Mode. Once Grid Mode is enabled, the WYSIWYG page separates each element on the page into an independent and outlined section.

Hovering over a section will highlight which row is currently active and will indicate this by outlining the section as red. Right-clicking in the desired section will give options for Grid Row Options and Configure Row Layout.

Grid Row Options

  • Insert Row Above
  • Insert Row Below
  • Insert Row Inside
  • Edit Row HTML
  • Edit Column HTML

The Grid Row Options allows developers to insert new row sections as well as edit a specific section's HTML. Instead of viewing the full source HTML, developers can view/edit the active row or column HTML. Additionally, developers have the option of inserting a new row section above, below, or nested inside the active row.

Configure Row Layout

Opening the Row Layout Configuration window allows the developer to dictate how to break down that row section.

Selecting a one of the layouts will then allow the developer to move the contents of the current layout to the new layout selected. Drag and drop the 'Contents' box to the appropriate section.

Once the row layout has been selected, the original contents will be displayed in the row section previously set and a new placeholder box will be displayed in the new section(s) of the row layout. The developer then has full control on what to include in the new section of the row layout.

Note – Browser Support: The latest versions of all modern browsers support using this feature except for Internet Explorer 11. IE 11 does not support the required CSS standards needed for the Grid Layout in m-Painter. Layouts created and saved in modern browsers (Chrome, Firefox, or Edge) will render correctly in Internet Explorer, however cannot be saved in m-Painter with Internet Explorer.

Created: September 13, 2017 | Modified: November 27, 2023

Search


Browse By Category

Build Process (13)
Starting with m-Power (8)
Retrievals (10)
Reports (15)
Summaries (4)
Maintainers (17)
Graphs (8)
m-Power Data Explorer (4)
General (24)
Calculations (5)
Utilities (9)
m-Power Administration (23)
Security (11)
Freemarker (6)
m-Painter (29)
Form Validation (5)
External Objects & UDFs (12)
Deprecated Documentation (23)
Bootstrap Templates (7)

Popular Tags

Build Process External Objects Graphs Excel Dates Freemarker Java Email Security Maintainer Performance Production Bar Graphs mrc-Productivity Series Application Properties Report Maintainers Advanced Getting Started Video Form Validation DB2 Tomcat Parameters Graphing Graph Properties Calculations Admin Prompt Screens Dropdowns Compiling Retrieval Database Popular Data Dictionary m-Painter Administration App Properties Record Selections Summaries RPG Reports SQL Bootstrap Templates Retrievals

See all tags »

michaels, ross & cole, ltd. (mrc)

Privacy Policy Cookie Policy Cookie Settings Notice at Collection Do Not Sell or Share My Personal Information

mrc (US)

2001 Midwest Road
Suite 310
Oak Brook, IL 60523
630-916-0662

mrc (UK)

Mortlake Business Centre
20 Mortlake High Street
London, SW14 8JN
+44-20-335-59566


© 2024 mrc. All rights reserved.