Mobile and Tablet Devices Support
ClickHelp provides a responsive reader UI - it looks good on any mobile and tablet device, any screen size: from Android or iOS device, iPhone and iPad to an HD TV screen. You don't have to do anything special to make this happen - ClickHelp takes care of this for you. The majority of elements you add to your user manuals can be correctly displayed for readers with various screen sizes out-of-the-box.
For example, images and videos in your documentation are automatically resized for different screen resolutions by ClickHelp for readers' convenience to avoid horizontal scrolling which ruins mobile experience.
However, we only handle the most popular use cases and cannot predict 100% of all possible situations. Sometimes you may still need to adjust your content if you want it to look good both on desktop and mobile screens. So, we recommend that you check how your content behaves on different screen sizes first and then fix specific issues if you face them. Check out this blog post series if you want to learn more about mobile device emulation and making your content responsive.
Disable Autoresizing
As mentioned above, to avoid horizontal scrolling for wide elements like tables, images, videos, iframes, embed elements, etc. ClickHelp features autoresizing functionality.
If you need to disable this feature for an element, add the data-ch-no-autosize="true" attribute to its HTML code.
For example, if your code for an inserted image looks like this:
HTML |
<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1"/> |
You should change it into this, and your image won't be resized automatically:
HTML |
<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1" data-ch-no-autosize="true"/> |