Resources

Lite Client

Trail: PROIV Documentation > Developer > Lite Client > Lite Client and the Browser > Resources

The resources folder holds the templates, style sheets and images used by Lite Client. The resources do not have to be on the same server as the Lite Client PROIV connection servlet.

Templates and Style Sheets

The Lite Client templates and their associated CSS files are in the resources/templates folder. It does not matter to the Lite Client if these files are held and loaded from another folder or even another server.

Images

The images used in the Lite Client components come from the resources folder. Lite Client does need to know the URL of this folder so that it can create URLs for the images. The Lite Client should be given the URL in the connection parameters object using the ‘resourceURL’ property.

e.g.

    var sessionKey = proiv.startPROIVSession({
        sessionNodeID: ‘PROIV_Session_Node’,
        connectionData: {
            service: 'LCservice',
            resourceURL: 'https://myserver.com/myApplication/myResources'
        }
    });

This show a session start up using the LCservice and specifying the resources URL.

Using Font Icons

Wherever an image is used in a PROIV component a font icon can be used instead of the image. This has two advantages: First it does not need to be a separate resource as all font icons can be loaded in a single file. Second the icons can easily be used elsewhere on a page.

The Lite Client identifies icons by the name and the known names must be defined in the proiv.DOMPropertyMap object that is loaded in the ‘PROIVPropertyMap_bootstrap4.js’ file.

The icon name used as the component image name must be in the proiv.DOMPropertyMap and its value should be the font icon name.

e.g.

    "icon-up": "fa-chevron-up",
    "icon-down":"fa-chevron-down",
    "icon-left":"fa-chevron-left",
    "icon-right": "fa-chevron-right",
    "icon-backward":"fa-step-backward",
    "icon-forward":"fa-step-down",

This shows some of the font icons defined for Bootstrap 4 CSS.

Look in the ‘PROIVPropertyMap_bootstrap4.js’ file for a list of the icons so far defined for Lite Client. An application can add icons to this list as needed.

Comment on this topic

Topic ID: 870028