How to Create Custom Header

Owned by Gaurav
Oct 18, 2023
1 min read

Default header provides by framework have Name and Close icon. Further developer can hide existing header and create custom header. 

For hide existing header use method frame.hideHeader(true); in Init method. 

 

For create custom header/toolbar use below code in constructor or any other method according to requirement 

 

var $toolbar = $('<div class="vis-awindow-header vis-menuTitle"><a href="javascript:void(0)" class="vis-mainMenuIcons vis-icon-menuclose"></a><p>Workspace SuperUser@HQ.IdeasInc.</p><div class="vis-awindow-toolbar"></div></div>'); 

 

Then you have To Handle Close event of Icon. For That Use:  

 

var $closeBtn = $toolbar.find('. vis-icon-menuclose '); 

$closeBtn.on(VIS.Events.onTouchStartOrClick, function () { 

self.dispose(); // Here self is pointer to current Form and dispose method must be //implemented. 
 

});