PUI CSS Workspace

About This Space

Workspace for developing and testing the Profound UI CSS


Last updated on April 23, 2019

Public Permissions:   View   Run   Comment  

Profound UI Styles Development

This workspace is for the development and testing of stylings to be applied to Profound UI components.

Development Process

    !!    Request to be made a contributor. Additions and changes will not be added for non-contributors.

    1.    Make sure that the repository is up-to-date.

    2.    Add new screen or duplicate existing screen for testing. This will allow for visual comparison of results.

    3.    Make sure that the CSS files being tested are added to the test screen.

    4.    Add classes to the *.less file and compile to *.css.

    5.    Split styles into files named for the scope.

           i.e. Blueprint Styles are in pui-blueprint.less and compiled to pui-blueprint.css.

    6.    Save style files to styles folder.

    7.    Run the following to compile all css files into ship-ready files: ./compile.sh

Compiling *.less into *.css

    1.    Open terminal in bottom drawer of the Designer.

    2.    Run the following to initialize commands: ./init.sh

    3.    Run the following to compile the [file]: lessc [file].less [file].css

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

Filters:

Popular Recent

Empty template with the basics set up for a quick display.

18368

0

0

Empty template with the basics set up for a quick display.

21903

0

0

Save the row the user was on before the screen was submitted. Then, refocus that row when the user has returned to the page, even if they went to other pages in the meantime.

26157

0

1

A simple dashboard example that uses responsive design

26064

0

0

Empty template with the basics set up for a quick display.

23885

0

0

An example of how to retrieve the grid data and work with it for comparisons and manipulations.

29916

0

0

A demo of how to build Rich Displays in the Visual Designer that integrate with external CSS and JavaScript file

26514

0

0

A demo of how to build Rich Displays in the Visual Designer that integrate with external CSS and JavaScript file

25863

0

0

A demo of how to build Rich Displays in the Visual Designer that integrate with external CSS and JavaScript file

25258

0

0

A Hello World app with both dynamic output and input fields. It also illustrates the basics of screen transition animation.

25856

0

0

A Hello World app with both dynamic output and input fields. It also illustrates the basics of screen transition animation.

26015

0

0

A Hello World app with both dynamic output and input fields

25940

0

0