Auto Generated HTML when building webpages from Kony Components for desktop-only websites

HCL Volt MX Volt MX Forum
1
This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

Most Kony components are absolute/fixed position, which makes the end-website hard to be responsive (able to fit multiple desktop screen sizes). Custom styling has been used to adjust the absolute parameters, but is overwritten when building the website. The HTML is auto generated from the Kony components when compiling and building the website, resulting in the additional styling inserted when the website is generated.

This styling is injected into the HTML using the “inline” method which adds on to the original custom styling in place when assembling the page components. Component positioning and alignment may differ in the web browser from what was reflected in Kony Visualizer Editor preview.

The documentation that has been found thus far is referring to the Kony Studio version and not Kony Visualizer. Thus we are seeking documentation / guidance for Kony Visualizer, with examples on how to override this when the web page is built, and to have a controllable “global” method rather than “inline”.

2

Hello,

The reported issue will observe only when you use the custom fonts in your application. When running the application on the browser, the browser will first load the default fonts then custom fonts, meanwhile the widget align with respect to the default font.

We would suggest an alternative solution to resolve the issue. We have tested given application with fontfaceObserver(a third party open source library to load custom fonts ahead, also added few lines in that library to load your font). So, please copy the given JS file (Module.js) to your project JS modules/resources and build the application. To reflect the custom fonts importing the script into the application is enough.

3

Hi,

Did my response help you? If yes, make sure you click [Select as Best] under the response to close out the post.

4

Hi,

Can you share the details of one or two components that you used whose position and alignment differed from the web browser to what was reflected in Kony Visualizer Editor preview?

Thanks!