Rocket Modern Experience (formerly LegaSuite)

 View Only
  • 1.  putting custom html inside index.html

    PARTNER
    Posted 12-28-2021 10:01
    Is it possible to insert my own html into the legasuite page for the web?

    I see on index.html there's this code

    <body onload="startClient()"></body>

    When I insert my own html page, it goes behind the client. is that the expected normal behavior?

    Thanks

    Peter

    ------------------------------
    Peter Cheng
    Software Engineer
    Amber Road Inc
    Parsippany NJ US
    ------------------------------


  • 2.  RE: putting custom html inside index.html

    ROCKETEER
    Posted 12-29-2021 07:14
    Hi Peter,

    It is possible to combine our Web client and other web contents.

    By default the startClient() will occupy the full page of the web browser. This will likely cause your other contents to be hidden.

    What is the expected result you are looking for?

    It is for instance possible to load the webclient into an iframe or embed a website on the page in the web client.

    Regards,

    ------------------------------
    Roger van Valen
    Senior manager, software engineering
    Rocket Software
    Dordrecht, The Netherlands
    ------------------------------



  • 3.  RE: putting custom html inside index.html

    PARTNER
    Posted 12-29-2021 10:05
    I would like to put this </div> on the bottom of the page.  



    <div id="cookie-notice">
    <div class="container">
    <div class="row">
    <div class="col col-text">
    <p><strong>Notice.</strong> PrivacyPolicies.com uses cookies to provide necessary website functionality, improve your experience and analyze our traffic. By using our website, you agree to <a href="/our-privacy-policy/">our Privacy Policy</a> and our cookies usage.</p>
    </div>
    <div class="col col-button">
    <p><a href="#" class="btn btn-primary cookie-notice-close" id="cookie-notice-close">OK</a></p>
    </div>
    </div>
    </div>
    </div>

    See example here:

    https://www.privacypolicies.com/blog/privacy-policy-template/

    ------------------------------
    Peter Cheng
    Software Engineer
    Amber Road Inc
    Parsippany NJ US
    ------------------------------



  • 4.  RE: putting custom html inside index.html

    ROCKETEER
    Posted 12-29-2021 11:12
    Hi Peter,

    One thing you could do, is rename the original index.html to for instance "webclient.html" and then create an index.html that includes that webclient.html in an iframe on that page.

    For instance something like:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta http-equiv="X-UA-Compatible" content="IE=11" />
        <!--<meta name="servleturl" content="http://localhost:8080/webclient/" />-->
        <!--<base href="http://localhost:8080/webclient/" />--> <!-- When using this make sure to enable CORS support in your web application server -->
        <title>Rocket MX Web Client container</title>
        
        <!-- This CSS styling is better done through a separate file, but for sake of example added here -->
        <style>
    		body, html {width: 100%; height: 100%; margin: 0; padding: 0}
    		.row-container {display: table; empty-cells: show; border-collapse: collapse; width: 100%; height: 100%;}
    		.client-row {display: table-row; height: 100%; background-color: white; overflow: hidden }
    		.client-row iframe {width: 100%; height: 100%; border: none; margin: 0; padding: 0; display: block;}
    		.footer-row {display: table-row; overflow: auto; height: 50px; background-color: yellow;}
    	</style>
    </head>
    
    <body>
    	<div class="row-container">	
    		<div class="client-row"">
    			<iframe src="webclient.html"></iframe>
    		</div>
    		
    		<div class="footer-row">		
    			<p><strong>Notice.</strong> PrivacyPolicies.com uses cookies to provide necessary website functionality, improve your experience and analyze our traffic. By using our website, you agree to <a href="/our-privacy-policy/">our Privacy Policy</a> and our cookies usage.</p>
    			<p><a href="#" class="btn btn-primary cookie-notice-close" id="cookie-notice-close">OK</a></p>
    		</div>
    	</div>
    </body>
    </html>​

    When using your exact example this may not work as the styles are missing - but given example does work for me - it shows a yellow border with the text at the bottom, and the web client above that on the page.

    Hope this helps,
    Regards,

    ------------------------------
    Roger van Valen
    Senior manager, software engineering
    Rocket Software
    Dordrecht, The Netherlands
    ------------------------------



  • 5.  RE: putting custom html inside index.html

    PARTNER
    Posted 12-30-2021 09:25
    I will give it a try. Thanks Roger.

    ------------------------------
    Peter Cheng
    Software Engineer
    Amber Road Inc
    Parsippany NJ US
    ------------------------------