FontStyle is not applied in Mobile device view

  • 17 January 2019
  • 5 replies
  • 0 views

Badge +11

Hello

I am using Nintex to create forms and use the Desktop view.
I have made all the relevant changes required and it looks great on a computer.

However, when viewing on a mobile, the font-styel is not the same and therefore it alters the look of the form.

Where do I change the font-style within the form for mobile devices ?

I have editted the custom view as following:

Forms > Settings > Custom CSS

/* Mobile styles */
.nf-mobile-form
{
background-color: inherit;
font-family: "Segoe UI Light","Segoe UI","Segoe",Tahoma,Helvetica,Calibri !important;
}

5 replies

Userlevel 5
Badge +14

nintex mobile is a native application not a html browser so it doesn't interpret HTML, CSS and similar things.

use control's configuration dialog and/or ribbon actions to style nintex mobile layout controls 

Badge +11

I am using the control's configuration to set up the Font-Style and Size, which looks fine on a computer but when viewing from a mobile device, the font style + size changes.

That is what is annoying sad.png
Besides, I am not using "mobile nintex" but rather just a normal any mobile, iphone + samsung.

See attached document with the screenshots.

Userlevel 5
Badge +14
 which looks fine on a computer but when viewing from a mobile device, the font style + size changes.

mobile world is not a desktop world, not all the fonts available on desktop systems are available on mobile devices.

see eg. java - How to retrieve a list of available/installed fonts in android? - Stack Overflow 

Besides, I am not using "mobile nintex" but rather just a normal any mobile, iphone + samsung.

I'm not sure we understand each other in this matter, 'nintex mobile' is an application that runs nintex forms on various mobile devices and platforms, it's not a device on its own.

Badge +11

Hello Marian

There is a "mobile nintex" template if you want to apply it which I do not.

I only use the "desktop" template ...

Also, the font-style I am using is Calibri that is supported on mobile devices.
The poblem seems only on the actual form .... no matter what fonts you use, it always goes to different fontstyle.

Another issue, why is it not then keeping the font size the same ???
Example: I am using the "Rich Text" option on the form to create like a subheader etc.

Now, on desktp > looks perfet
whereas on mobile > the font style changes as well as the font-size ...

It's very annoying.
Where can I controll this behaviour from happening?

have u seen the screenshots I provided and attached to my previous reply?

Userlevel 5
Badge +14

There is a "mobile nintex" template if you want to apply it which I do not.

I only use the "desktop" template ...

so do you open nintex forms in a regular web browser on mobile devices?

then it may be caused by the browser capabilities/configuration as well...

or maybe zoom level?

have you tried it with different browsers?

have u seen the screenshots I provided and attached to my previous reply?

yes, I've seen them. but there are just screenshots from designer.
I've no clue what exactly you experience in runtime and what are exact differences between desktop and mobile. 

Reply