Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagexml
<html:html-button 
	property="methodToCall.addAdvanceDeposit" 
	alt="Add an Advance Deposit" 
	title="Add an Advance Deposit" 
	styleClass="btn btn-green skinny" 
	value="Add" 
	innerHTML="<span class=\"fa fa-plus\"></span>"/>
 
<html:submit 
	property="methodToCall.search" 
	value="Search" 
	styleClass="btn btn-default" 
	alt="Search" 
	title="Search" />

Global Buttons

In the example above (Transfer of funds), there are global buttons at the bottom of the document. In many cases, you might want the buttons to also be pinned to the bottom of the window and have them move down as you scroll keeping them visible at all times. To accomplish this there is a tag that will add javascript to the page. The bodySelector is optional and defaults to "div.inquiry". The value for the bodySelector is a jQuery selector that will select the container that holds the main content of the document (main-panels).

Code Block
languagexml
<kul:stickyGlobalButtons bodySelector="div#page-content"/>