Article View 2.0

2022-05-25 12:01:26 UTC

Article View is the reading mode where users reads content in a different way than Spread View (Print layout).

It can be accessed directly from the app frontpage through modules, or it can be accessed by clicking the articles in Spread View (Print layout). 

While the Spread View layout is brilliantly designed for the physical paper, it's a less ideal design for the mobile and tablet screens and have a lot of limitations, especially regarding navigation, adaptability and different types of content. Here, in contrast Article view has it's advantages. 

How it works: templates

You will likely have any number of layout templates for your articles, depending on content, length of article, placement, etc.

Our Article View also use a template. This means that the same template is used for all articles, regardless of their content, so if for instance the article has no image, the "image area" of the template  will automatically collapse. Same with audio, fact box, etc. 

What is defined in the template is the font, the font size ratio (difference between headline and paragraph text), placement of elements (if they exist) and some will have a box background color on headline. 

Colors will follow the app colors

Regarding Text.To.Speech feature we find third party solutions far better than device solutions and  therefore we don't support device Text-to-Speech. Third party solutions such as Google Cloud or Amazon Polly is far better than the device solutions.

Device Text to Speech is not supported in Article View 2.0

What you need to do

On behalf customer feedback and several years of experience we have worked out an template that suits mosts needs. 

Here is an article that describes options: Article view - default template

Either way this requires a resubmit on at least version 3.22.02 (Android/iOS). 

 

Template

  • Article image in the top 
  • Smaller article headline left-aligned with a sans-serif font
  • Manchet underneath with a serif font

 

Template1_Default.png

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments