Style quide

This is a style guide showcasing Bootstrap 3 and common HTML elements, which are displayed all on a single page.

Colour palette Hestia

Primary

Default

Success

Danger

Warning

Info

Colours

text-primary

Default

Success

Danger

Warning

Info

Theme Primary Text

Label Colours

Default Primary Info Success Warning Danger Theme Primary

Buttons

e107 Buttons

 e107::getForm()->button("xxx",1, "submit", LAN_ENTER);  
 e107::getForm()->button("pwsubmit", "Button");  
 e107::getForm()->button("pwsubmit", "Button");  
 e107::getForm()->button("test", $testarray ,"dropdown", "LABEL" , array("align"=>"right","class"=>"btn-primary"));    
LABEL

e107 Pagination

 
				 $parms  = "tmpl_prefix=bootstrap&total=10&amount=10¤t=5&url=#&type=page";	 
				 $tp->parseTemplate("{NEXTPREV={$parms}}");  

e107 Forms

 
	e107::getForm()->radio_switch('adv', false, 'VALUE 1', 'VALUE 2', array('class'=>'e-expandit','reverse'=>1, 'data-target'=>'search-advanced')); 
	
 
	e107::getForm()->userpicker('authors', array(0=>array('user_id'=>1, 'user_name'=>'Admin', 1=>array('user_id'=>2, 'user_name'=>'John'))));
	
 
	e107::getForm()->text('xxx','Some text value',200, array('required'=>1, 'size=>xxlarge'));
	
 
   e107::getForm()->textarea('xx', 'Some textarea value' ,null, null, 'large');
	
 
   e107::getForm()->bbarea('post','','forum', 'forum', 'tiny', array('id' => 'forum-quickreply-text', 'wysiwyg' => false));
	
 
   e107::getForm()->bbarea('xx', 'Some bb value' , null, null, 'small', array('id' => 'someid', 'wysiwyg' => true));  
	
 
  e107::getForm()->email('xxx', '', 200, array('placeholder' => 'Email', 'required' => 'required')); 
	
 
  e107::getForm()->select('category', Array, 2, array('default'=>''));
	
 
  e107::getForm()->datepicker('last_visit_date', time(), array('type'=>'datetime'));
	

e107 Progress Bar

20%

40/100

Default colours

default info warning success primary.

Custom colours

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16

On Demand

green otherblue2 otherblue3