Documentation
Documentation
  • Themes
    • Themes
    • Default
    • Bootswatch Themes
    • Slate
  • Table of Contents
    • Table of Contents
  1. You are here
  2. Home
  3. docs
  4. How To...
  5. Forms And User Interfaces
  6. How to make your application “responsive” to different screen sizes

Sidebar
  • Introduction
  • Quick Tour
  • Installation Guide
  • Getting Started
  • AwareIM Concepts
  • Configuring Applications
  • Rule Language
  • Actions And Functions
  • Mobile Applications
  • How To...
    • AwareIM Basics
    • Forms And User Interfaces
      • How to design a form
      • How to attach actions to buttons
      • How to control the order of attributes on automatically generated forms
      • How to initialize form controls
      • How to validate user input
      • How to set up custom form layout
      • How to set up forms with tabs
      • How to use different forms for different users
      • How to show related records
      • How to choose values from a list
      • How to set up system menu
      • How to set up custom menu
      • How to customize colors and fonts
      • How to display a hierarchy of related records
      • How to display Microsoft Outlook-like calendar
      • How to synchronize with Google, Outlook, Exchange and other third party calendars
      • How to show records in different colors
      • How to display different icons for different types of records
      • How to display a form of a child object inside the form of the parent object
      • How to display attributes in different colors
      • How to display attributes as read-only
      • How to make an attribute visible, read-only, mandatory or display a different set of choices on a particular form only
      • How to implement “wizard” forms
      • How to make your application “responsive” to different screen sizes
      • How to recalculate values in controls dynamically after a user changes some values
      • How to show/hide/disable/enable controls dynamically after a user changes some values
      • How to start processes from forms
      • How to show Google Maps
      • How to show thumbnails
      • How to create dashboards and allow end users to customize them
      • How to implement item reordering within a grid or custom query
      • How to implement drag-and-drop between grids
      • How to use the "Screen Tour" feature
      • How to add support for electronic signature to your application
      • How to add right-to-left support
      • How to embed video in a form
      • How to use CSS
      • How to use icon fonts to display an icon for a button
      • How to display colour editor
      • How to let users edit images stored in attributes of the Picture type
    • Charts
    • Business Rules
    • Reports And Documents
    • Users And Login
    • Emails
    • Security And Protection
    • Integration With Other Systems
    • Mobile Applications
    • Miscellaneous
    • Tips and Tricks
  • Programmer's Reference
  • AI Integration
  • Videos
  • Case Study
  • Glossary
  • Appendices
  • Changelog
  • Show pagesource
  • Old revisions
  • Backlinks
  • Export to PDF
  • Back to top
Manuals, How To, Form, UI

How to make your application “responsive” to different screen sizes

This video tutorial describes how to make sure that your AwareIM applications are 'responsive' and look good in different screen sizes.

 
manuals how to form ui
Log In