Infor Design System's Enterprise Components
Infor Design System's Enterprise component library is a framework-independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant, perceptive.
For guidelines on when and where to use the components see the design.infor.com.
- Retina Ready with SVG icons
- Globalization / internationalization
- Security XSS
- 140 Components
We support the latest release and the release previous to the latest (R-1) for browsers and OS versions. Which maps out as follows:
IE / Edge
Getting the code into your project
To install, run:
npm install --save ids-enterprise
The files can then be seen in the folder
You can now get the scripts and CSS from a CDN on AWS. For example, the paths for the 4.7.0 releases would be:
https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/js/sohoxi.js https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/js/sohoxi.min.js https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/dark-theme.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/dark-theme.min.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/dark-theme.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/dark-theme.min.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/light-theme.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/css/light-theme.min.css https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/svg/svg.html https://cdn.hookandloop.infor.com/sohoxi/4.7.0/dist/svg/svg-extended.html
Versions available on CDN are: 4.3.2, 4.3.3, 4.3.4, 4.3.5, 4.7.0
Note: There may be a cost involved to using this with Infor's amazon s3 account so keep this in mind when using.
Running the development project
nodefor following the directions for your OS
- On Windows, you'll need to install Python. Make sure the version is at least
2.5.0but not Python 3.
- Also on Windows, you should run
git config core.autocrlf false
Clone the repo
- Clone the repo using
git clone https://github.com/infor-design/enterprise.git
cdinto the repo directory
Running the app
From within the project folder:
npm startto build and start the web server
- Make a new terminal window and from within your project folder run
npx grunt watchto watch for any file changes and rebuild
- Open up
localhost:4000in a browser to see the local app
Note that at this point any changes you make will cause SASS to recompile and the browser will reload.
You’ll see documentation pages unless they aren’t generated, then you’ll see the demos and directory lists only. You can optionally run
npm run documentation to see the full component documentation.
Running the tests
Functional tests are the primary way we test the codebase. To run the tests, run
npm run functional:local.
This project uses
editorconfig. You may want to add the following plugins to your editor to help comply with our coding standards:
eslint for Atom and VS Code, as well as
editorconfig for Atom and VS Code
Soho XI's current documentation can be found at design.infor.com/code/ids-enterprise/latest.
You can also find a subset of documentation at
localhost:4000/components when running the project locally. To contribute you can edit the
readme.md files for a component or add JSDocs comments to the source files for inline settings and events.
Contacting Us and Updates
This project is an open source project. Please see the contribution guidelines for this project.
Use Github Issues to report all requests, bugs, questions, and feature requests.
For release updates see our upcoming and past version in our releases.
If you're an Infor employee, you can join our MS Teams Group for updates.