Thank you for being a valued client of CM First Group. If you have any technical issues or concerns, please open a ticket on support.cmfirstgroup.com, email CM First technical support at support@cmfirstgroup.com or call us on our 24/7 customer hotline at +1 (512) 623-7586.

Follow

How to Customize CM WebClient StyleSheet

  1. Create a new folder named css in your web project under WebContent.

  2. Create a new css file named mystyle.css inside the newly created folder.

    body{ background-color: black;}

  3. Create a new java project named customTemplate in your workspace.

  4. Add customTemplate project to your java project build path.
    Right-click on your java project → Select Properties → Select Java Build Path → Open Projects tab → Click Add... button → Check customTemplate project → Click OK.

  5. Create a new folder named META-INF under customTemplate/src folder

  6. Create a new file in META-INF folder named MANIFEST.MF.

    MANIFEST.MF should contain the following. Web-Library-Id: com.mycompanyname.myprojectname

    Note: Make sure there is a new line after Web-Library-Id: com.mycompanyname.myprojectname

  7. Create a new file named customCSS-page.wcli under customTemplate/src folder.
    customCSS-page.wcli should contain the following.
    /(!CSSInit)
    @import "/(!WsRes)/css/mystyle.css";
    /(!CSSInit)

  8. Open WebClient.properties and add the following property. resurl.com.mycompanyname.myprojectname = /
    for example: resurl.com.mycompanyname.myprojectname = /wxpcourse60web

  9. Create a function in your Plex model.
    customCSS is a FNC WEBCLIENT/~WebUI
    customCSS impl name customCSS

    Your function that needs to have custom style sheet should inherit from customCSS triple in the order like below.
    MyFunction is a FNC WEBCLIENT/~WebShell
    MyFunction is a FNC customCSS

  10. Generate and build your function and you should see that the screen background color is in black

back to top

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

Comments

Powered by Zendesk