ProActive HowTo :: Quick Tags in ProActive CMS - Opens an Expand Box

Create an expand box

The style HeaderEB is added and set in the template in this instance

Alternatively a style may be set using the HTML display in the editor as follows

<style type="text/css">
.HeaderEB {
background-color: #C5E0B5;
padding-top: 5px; padding-left: 5px;
padding-bottom: 10px; width: 98%;
border: solid #000000 1px; }
.HeaderEB A { color: #ff0000;
font-weight : bold;text-decoration : underline;}
</style>

Click the Expand box link (Procurement processes) to open and close

Add the "expandbox" Quicktag to the editor as follows:

Procurement processes


ProActive will replace the Quicktag with the Expandbox and its contents.


Displays as:>
Procurement processes
 
 
An interesting way to display an expand box.
 
A style was set in the template as follows:
 
.faq A { 
font-size: 9pt; 
color: #000000; 
font-weight : bold;
text-decoration : underline;
}
.faqanswer { 
background-color: #FFFFCA; 
padding-top: 5px; padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 10px; 
width: 98%; 
border: solid #AB1818 1px; 
}
.faqanswer A { 
color: #000000; 
font-weight : bold;
text-decoration : underline;
}
Then the page was constructed as follows:
Selected an icon from "List icons" in Admin Menu
 
<code>
<div>&nbsp;</div>
<div>&#91&#37expandbox:faq:Dale Walker&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">
<div>About Dale:</div><br>
<div>Dale joined ICR in 1993 with the creation of the ICR - Service Division.&nbsp; Dale is passionate about motorbikes, his family and programming. He is literate in a wide range of programming languages for Unix and Windows.<br>
<br>
He is the proud owner of a 1930's vintage motorbike and sidecar which he uses to travel to work and at times to continue his hobby of motor car&nbsp; / motor-bike racing.<br>
<br>
Dale has been a Director of ICR since 1993 and has overseen its growth and development to what ICR has evolved into today.<br>
<br>
Dale's interests vary widely from music, motorsport, classic restorations, and Bikes.<br>
Some of his favorite sites are as follows:<br>
<a title="" href="http://www.teamngapuhi.com.au/" target="_blank">Team NgaPuhi - Kickboxing</a><br>
<a href="http://www.dmcsc.org.au/" target="_blank">Downs Sporting Motorcycle Club</a><br>
<a href="http://www.tas-performance.com.au/" target="_blank">TAS - Performance</a><br>
</div></td><td valign="bottom" nowrap="nowrap">
<div>Name: Dale Walker<br>
Email: <a href="mailto:dale@icr.com.au">dale@icr.com.au</a><br>
Mobile: 0407 125 499<br>
<img style="margin: 0px;" width="150" height="181" align="absbottom" title="" alt="" src="http://w.icr.com.au/images/articles_images/staff/dale.png">&nbsp;
</td></tr></tbody></table>

<div>&#91&#37expandbox&#37&#93</div><br>
<br>
<div>&#91&#37expandbox:faq:Paul Liang&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">
<div>About Paul:</div><br>
Paul started with ICR as senior Tech in 1991, and soon his capabilities proved his worth.&nbsp; In 1993,Paul was invited to become a stakeholder in the newly formed Service Division.&nbsp; Paul has personally overseen many of the developments of the company in areas of technical excellence. <br>
<br>
Paul lives in Toowoomba, and yes ladies, he is still single.</td><td valign="bottom" nowrap="nowrap">
<div>Name: Paul Liang<br>
Email: <a href="mailto:paul@icr.com.au">paul@icr.com.au</a><br>
Mobile: 0402 482 000<br>
<img style="margin: 0px;" width="150" height="186" src="http://w.icr.com.au/images/articles_images/staff/paul.png" alt="" title=""></div></td></tr></tbody></table></div>
<div>&#91&#37expandbox&#37&#93</div><br>
<br>
<div>&#91&#37expandbox:faq:John Brown&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">
<div>About John:</div><br>
<br>
<div> John's interest in the Internet began in 1993. He was instrumental in establishing Toowoomba TAFE Internet courses and classes. He began his own web development business (JB.com) in 1994, this became Internet Business Design Pty Ltd in 1996. <br>
<br>
John recently sold his interests in <a href="http://www.inbusiness.com.au/">Internet Business Design</a> and now works as a consultant for the new company <a href="http://www.inbusiness.com.au/">Internet Business Design Australia</a>. <br>
<br>
In his spare time John operates and manages his own site providing information on the protection of children, visit <a href="http://www.tfyqa.biz/?ref=ICR">TFYQA</a>. As well he has interests in the protection of the environment which he expresses through his work for one of Australia's leading tree transplant specialists, visit <a title="" href="http://www.aceofspades.com.au/?ref=ICR">Ace of Spades</a>.</div></td><td nowrap="nowrap">
<div><br clear="all">
Name: John Brown<br>
Email: <a href="mailto:johnb@inbusiness.com.au">johnb@inbusiness.com.au</a><br>
Mobile: 0427 391 880</div><br clear="all">
<div><img style="margin: 0px 25px 25px;" width="224" height="180" align="middle" src="http://www.proactivecms.com/images/articles_images/staff/johnb.png" alt="" title=""></div></td></tr></tbody></table></div>
<div>&#91&#37expandbox&#37&#93</div><br>
<br>
<div>&#91&#37expandbox:faq:Kiel Bright&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">
<div>About Kiel:<br>
<br>
Kiel hails from the South Burnett Region.&nbsp; Kiel has recently come to us (2008) from Toogoolawah Computers where he had gained valuable insight in the day to day operations of a computer business.<br>
<br>
Kiel is experienced in many industries, from growing up in a local Pub, to working for Earthmoving contractors.<br>
<br>
Kiel brings a fresh approach to PC Sales/Support..</div></td><td valign="bottom" nowrap="nowrap">
<div>
<div>&nbsp;</div>
<div>&nbsp;</div></div>
<div>Name: Kiel Bright<br>
Email: <a href="mailto:kiel@icr.com.au">kiel@icr.com.au</a><br>
Mobile: 0409 775 128<br>
<img style="margin: 0px;" width="134" height="180" title="" alt="" src="http://w.icr.com.au/images/articles_images/staff/kiel.png">&nbsp;</div>
<div>&nbsp;</div></td></tr></tbody></table></div>
<div>&#91&#37expandbox&#37&#93</div><br>
<br>
<div>&#91&#37expandbox:faq:Toni Walker&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">
<div>About Toni:<br>
Toni, is married to the handsome hunk of a man, Dale (seen above). Toni processes our offline receipts, and internet invoicing.<br>
<br>
As a school-mum Toni is heavily involved in the local school, <a href="http://www.draytonss.qld.edu.au">Drayton State School</a>.As well as community ladies social groups co-ordinated by her church.<br>
<br>
Toni has two daughters, one husband, one dog, one cat and a mortgage..who could ask for more...<br>
<br>
Toni comes from a rural background, and her&nbsp; father shares her husband's passion with motor vehicles.<br>
<br>
See her fathers <a href="http://www.icr.com.au/&#377Edale/jag/" target="_blank">1950 MarkV Jaguar</a>. &nbsp;</div></td><td valign="bottom" nowrap="nowrap">
<div>
<div>&nbsp;</div>
<div>Name: Toni Walker<br>
Email: <a href="mailto:toni@icr.com.au">toni@icr.com.au</a><br>
<a href="mailto:toni@icr.com.au">&nbsp;</a><br>
<img style="margin: 0px 25px 25px;" width="105" height="180" align="middle" src="http://www.proactivecms.com/images/articles_images/staff/toni.png" alt="" title=""></div></div></td></tr></tbody></table></div>
<div>&#91&#37expandbox&#37&#93</div><br>
<br>
<div>&#91&#37expandbox:faq:Chris Stritch&#37&#93</div>&nbsp;<br>
<div class="faqanswer"><img border="0" alt="" src="..Icons/Business/PNG/Regular/24x24/Bulb&#3720Electric.png">
<table width="90&#37" cellspacing="5" cellpadding="5" border="0" align="center"><tbody><tr><td valign="top">About Chris:<br>
Chris started with ICR in 2008.&nbsp; Chris's father, Glen Williams (ICR director 1991-->1998) was also one of the original Directors of ICR, which makes Chris the first of the 'Next Generation' to&nbsp; start their career's with a grounding at ICR.<br>
<br>
Christopher has an absolute love of puzzles, anything from 5x5x5 Rubik’s cube to solving Sudoku.  He is currently studying Bachelor of Information Technology at USQ whilst working at ICR full time.  He has many hobbies apart from puzzles, which include drawing, writing, Taekwon-Do and music.<br>
<br>
Chris also plays Bass guitar, and is involved with youth groups at his Church.<br>
</td><td valign="bottom" nowrap="nowrap">
<div>
<div>&nbsp;</div>
<div>Name: Chris Stritch<br>
Email: <a href="mailto:chris@icr.com.au">chris@icr.com.au</a><br>
<img style="margin: 0px 25px 25px;" width="68" height="180" align="middle" src="http://www.proactivecms.com/images/articles_images/staff/chriss.png" alt="" title=""></div></div></td></tr></tbody></table></div>
<div>&#91&#37expandbox&#37&#93</div><br>
<br>
 
 
</code> 
 
The result is as follows:
 
 
Dale Walker


Paul Liang


John Brown


Kiel Bright


Toni Walker


Chris Stritch