Select Page

Minimize some part of Your GUI to have more space

  • Let the user minimize/maximise some part of Your GUI to have more space on demand
  • Working in all browser
  •  Use cookieJar script also in this section

Method to put in Your <HEAD> html document:

var CookieJar = new TDCookieJarObj();  CookieJar.setPath("/"); function FoldByName(iImageID, sMenuID) {
if (document.getElementById(sMenuID).style.display == none) {
document.getElementById(sMenuID).style.display = block;
} else {
document.getElementById(sMenuID).style.display = none; document.images[iImageID].src=down.gif; document.images[iImageID].alt=Maximize; document.images[iImageID].title=Maximize;
} }

Example of use, here I want to hide the title on demand because it take a lot of space….The user has now a switch on-switch off icon where He can minimize on demand  this part of the GUI
<a href="javascript:FoldByName(‘TITLE’,’TITLE2′);"><img name=ButtonExpand id=TITLE src=down.gif alt=hide the title align=AbsMiddle style=border-width:0px; /></a> <div class=smallText id=TITLE2>
<H1> This is an Example</H1> </div> <script language=Javascript>cookie = CookieJar.getCookie("TITLE2");if ( cookie == "close" )FoldByName(TITLE,TITLE2);</script>

About The Author

Cédric Walter

I worked with various Insurances companies across Switzerland on online applications handling billion premium volumes. I love to continuously spark my creativity in many different and challenging open-source projects fueled by my great passion for innovation and blockchain technology.In my technical role as a senior software engineer and Blockchain consultant, I help to define and implement innovative solutions in the scope of both blockchain and traditional products, solutions, and services. I can support the full spectrum of software development activities, starting from analyzing ideas and business cases and up to the production deployment of the solutions.I'm the Founder and CEO of Disruptr GmbH.