cancel
Showing results for 
Search instead for 
Did you mean: 

Header and Footer Customise in SUP HWC App.

Former Member
0 Kudos

Hi,

Is there any way to add header and footer for sup hwc app?

I have tried to inject code from Custom.js like following :

In function customBeforeShowScreen :

if(screenToShow =='PODetails')

          {

          var form = document.forms[screenToShow + "Form"];

          if (form) {

          // header

          var topOfFormElem = document.getElementById("topOf" + screenToShow + "Form");

          if (topOfFormElem) {

                                                            //topOfFormElem.innerHTML = "<center><img id='ImgSylogo'src='./images/star.png'/></center><br/>";

                                                            //topOfFormElem.innerHTML = "<center><p>PODetails Header</p></center>";

 

                                                            topOfFormElem.innerHTML ="<div data-theme='e' data-role='header'>";

                                                            topOfFormElem.innerHTML +="<h3>Products</h3></div>";

                                                            // footer

                                                            var bottomOfFormElem = document.getElementById("bottomOf" + screenToShow + "Form");

                                                            bottomOfFormElem.innerHTML = "<center><p>Copyright 2012, Dev Center</p></center>";

                             }

                    }

          }

i have attached  screenshot for same which i have taken android emulator.

Pleas guide me on this?

Regards,

Swapnil.

Accepted Solutions (0)

Answers (1)

Answers (1)

Jitendra_Kansal
Product and Topic Expert
Product and Topic Expert
0 Kudos

Hi Swapnil,

are you getting the footer correctly? if no then do below change mentioned in bold font...

var bottomOfFormElem = document.getElementById("bottomOf" + screenToShow + "Form");

if(bottomOfFormElem) {

    bottomOfFormElem.innerHTML = "<center><p>Copyright 2012, Dev Center</p></center>";

}

Regards,

Jitendra

Former Member
0 Kudos

Hi jitendra

thanks for the reply. But i want to have header or footer like something : How i can achive the same in SUP HWC enviorement ? Do you have any example?