Forum Stats

  • 3,814,524 Users
  • 2,258,880 Discussions
  • 7,892,765 Comments

Discussions

Change font size on mobile devices (Universal theme)

Davor Maric
Davor Maric Member Posts: 82 Red Ribbon
edited Jul 4, 2017 5:18AM in APEX Discussions

Hi,

I'm developing an app that should run on desktop and mobile devices.

Currently, app looks OK on a desktop, but on a mobile device (tested on 5"2, 1080x1920) text looks too small.

Is there a way to make fonts of reports and forms larger, when running on a mobile device?

(preferably without adding mobile interface and pages)

Using Apex 5.1.1 on Oracle XE11, Universal theme, style Vita

TIA;

Davor

APEX_mobile_Report.png

APEX_mobile_Form.png

Tagged:

Answers

  • Andrew V
    Andrew V Member Posts: 142
    edited Jul 3, 2017 10:50AM

    You can use a breakpoint in your custom CSS to change the font size if the screen is below a certain width. The main breakpoint the Universal Theme uses is at 640px. This is where APEX stops showing regions side by side and stacks everything into a single column. You can use this breakpoint like so

    @media (max-width: 640px) {     .aClass {          font-size: 2em;     {}
  • Davor Maric
    Davor Maric Member Posts: 82 Red Ribbon
    edited Jul 4, 2017 5:18AM

    Hi Andrew,

    thank you for the reply. As I'm not so familiar with css can you explain where should I add this css and exactly what to add.

    Cheers,

    Davor

This discussion has been closed.