<?xml version="1.0" encoding="utf-8"?>
<example id="ClientMode" usedb="false">
	<title>ClientMode</title>
	<metakeywords>php calendar,php ajax calendar,php date picker,php date time picker,</metakeywords>	 
	<metadescription>KoolCalendar support client mode selection and navigation.</metadescription>
	<description>
		<![CDATA[ 
<p>
KoolCalendar support client mode selection and navigation. You can turn on this feature by setting <b>$ClientMode</b> property to <b>true</b>.
</p>
		]]>		
	</description>
	
	<samplecodes>
		<code header="Example.php">
			<![CDATA[
<?php
	require $KoolControlsFolder."/KoolCalendar/koolcalendar.php";	
	
	$cal = new KoolCalendar("cal"); //Create calendar object
	$cal->scriptFolder = $KoolControlsFolder."/KoolCalendar";//Set scriptFolder
	$cal->styleFolder="default";

	//Enabled client mode
	$cal->ClientMode = true;
	
	
	//MultiView setting
	$cal->MultiViewColumns = 2;
	$cal->MultiViewRows = 1;	

	//Multi Selection setting
	$cal->EnableMultiSelect = true; //Enable MultiSelection
	$cal->UseColumnHeadersAsSelectors = true; //Able to select multi date by clicking to column header
	$cal->UseRowHeadersAsSelectors = true; //Able to select multi date by clicking to row header
	$cal->ShowViewSelector = true;
	
	//Init calendar before render
	$cal->Init();
?>

<form id="form1" method="post">	
	<div style="padding-top:20px;padding-bottom:40px;width:650px;<?php if ($style_select=="black") echo "background:#333"; ?>">
		<?php echo $cal->Render();?>
		
		<div style="padding-top:10px;">
			<input type="submit" value="Submit" />
		</div>
		<div style="padding-top:10px;">
			<?php
				if($cal->SelectedDates!=null)
				{
					echo "<b>Selected Dates:</b>";
					for($i=0;$i<sizeof($cal->SelectedDates);$i++)
					{
						echo " [".date("Y-m-d",$cal->SelectedDates[$i])."] ";
					}
				}
			?>
		</div>		
	</div>
</form>
			]]>			
		</code>			
	</samplecodes>
	<docs>
		<doc link="http://doc.koolphp.net/Controls/KoolCalendar/PHP/KoolCalendar_Class/index.php">KoolCalendar</doc>
	</docs>
</example>