cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Can I add a js library to a customer widget?

Can I add a js library to a customer widget?

HmiGuide
Community Moderator
Community Moderator

Is it possible to include a library (e.g. charts.js) into a customer widget, that it is installed automatically with the customer widget?

The ChartJS Demo Widget 1.3.6 only a reference to the js library is used, which means that you have to install the js library in an extra step.

2 REPLIES 2

webiq-sk
Frequent Contributor

You can do that - WebIQ doesn't know if it's a library in any way - just add it like your custom widget, BUT you should not do that!

Because that way these problems might occur:

  1. You might want to use another custom widget that also uses that library
  2. This might lead to conflicts if both use the same library and/or different version of it - most libraries do not work anymore if they are loaded twice

Instead, you should create a library package that can be updated independently of your widget (loose coupling) just as we did intentionally with the ChartJS widget.

Sgilk
Contributor

See WebIQ Custom Libaries for a How-To on implementing Javascript libraries

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist