Skip to Main Content
IDS Enhancement Requests
Categories Patterns
Created by Chloe Chen
Created on Apr 12, 2022

Grid system differences between design guide file and development work.

Regarding responsiveness, the grid systems in IDS development and in the design library are different but should be the same.

According to the design guide: https://inforonline-my.sharepoint.com/:w:/g/personal/chloe_chen_infor_com/EWQiqfqxCpFKmh8jiVCdvlwBffCzj3VBbVLSQJFx8stQlA?e=CJOQ7O, the dimension of the grid system is: XXL 1440px — 12 columns, 24px gutter, 24px margin; XL 1280px — 12 columns, 24px gutter, 24px margin; L 1024px — 12 columns, 16px gutter, 16px margin; M 840px — 8 columns, 16px gutter, 16px margin; S 600px — 4 columns, 16px gutter, 16px margin; XS 360px — 4 columns, 16px gutter, 16px margin;

The grid system in the development side, the gutter is 20px: https://latest-enterprise.demo.design.infor.com/src/components/grid/_grid.scss;


There will be a new grid system based on mutiple 8pxs will release. Do we follow the new one as the standard? Or adjust the existing ones? when can we use the new grid system?




  • Attach files
  • Admin
    Laken Renick
    Reply
    |
    Aug 30, 2022

    Thanks for submitting an Infor Design System enhancement request!

    The IDS product team reviews enhancement suggestions on a regular basis and implements enhancements based on assessed value. If more information is required, an IDS Product Management team member will contact you for clarification.