Typical Workflow for Designing Responsive Web Applications in Oracle JET

To design responsive Web applications in Oracle JET, refer to the typical workflow described in the following table:

Task Description More Information

Understand Oracle JET's support for responsive design

Understand Oracle JET support for responsive design, including Oracle JET grid, form layout, and responsive classes naming conventions.

Oracle JET and Responsive Web Design

Use the Oracle JET grid system

Use the Oracle JET grid system to create page layouts that vary based on screen size.

Media Queries

Using the Oracle JET Grid System in Responsive Design

Create responsive forms

Use the Oracle JET responsive form classes to create forms that vary based on screen size.

Media Queries

Creating Responsive Form Layouts

Fine tune your responsive design

Use responsive design patterns, helper classes, and responsive JavaScript to complete the responsive design.

Using Responsive JavaScript

Using the Responsive Helper Classes

Identifying the Responsive Design Patterns

Change the default font size.

Change the default font size across your application or on a specified device type.

Changing Default Font Size