示例#1
0
	 $play_stop->AddOption(array(	"Text"=>"Play",
									"Value"=>"Play",
									"LeftImage"=>"/path/to/leftimage.png")
									"RightImage"=>"/path/to/rightimage.png")
									"LeftImageCss"=>"leftimage_css")
									"RightImageCss"=>"rightimage_css")
									"ButtonCss"=>"button_css")
									"ToolTip"=>"This is the button")
								);

	 */
$play_stop->AddOption(array("Text" => "Play", "Value" => "Play", "LeftImage" => $KoolControlsFolder . "/KoolForm/icons/plain/media_play_green.png", "ToolTip" => "Play radio"));
$play_stop->AddOption(array("Text" => "Stop", "Value" => "Stop", "LeftImage" => $KoolControlsFolder . "/KoolForm/icons/plain/media_stop_red.png", "ToolTip" => "Stop radio"));
$play_stop->Width = "60px";
$play_stop->OnClick = "play_stop_click";
$myform_manager->AddControl($play_stop);
$rewind = new KoolButton("rewind");
$rewind->Text = "RR";
$rewind->LeftImage = $KoolControlsFolder . "/KoolForm/icons/plain/media_rewind.png";
$rewind->ToolTip = "Rewind";
$myform_manager->AddControl($rewind);
$fast_forward = new KoolButton("fast_forward");
$fast_forward->Text = "FF";
$fast_forward->RightImage = $KoolControlsFolder . "/KoolForm/icons/plain/media_fast_forward.png";
$fast_forward->ToolTip = "Fast foward";
$myform_manager->AddControl($fast_forward);
//Init form
$myform_manager->Init();
?>

<form id="myform" method="post" class="decoration">
示例#2
0
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolForm/koolform.php";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->styleFolder = "office2010silver";
$myform_manager->DecorationEnabled = true;
//Button with Left Image
$btnOK_left_image = new KoolButton("btnOK_left_image");
$btnOK_left_image->Text = "OK";
$btnOK_left_image->AutoPostback = true;
$btnOK_left_image->LeftImage = $KoolControlsFolder . "/KoolForm/icons/plain/check2.png";
$myform_manager->AddControl($btnOK_left_image);
$btnCancel_left_image = new KoolButton("btnCancel_left_image");
$btnCancel_left_image->Text = "Cancel";
$btnCancel_left_image->AutoPostback = true;
$btnCancel_left_image->LeftImage = $KoolControlsFolder . "/KoolForm/icons/plain/delete2.png";
$myform_manager->AddControl($btnCancel_left_image);
$btnViewInvoice_left_image = new KoolButton("btnViewInvoice_left_image");
$btnViewInvoice_left_image->Text = "View Invoice";
$btnViewInvoice_left_image->AutoPostback = true;
$btnViewInvoice_left_image->LeftImage = $KoolControlsFolder . "/KoolForm/icons/plain/text.png";
$myform_manager->AddControl($btnViewInvoice_left_image);
$btnRate_left_image = new KoolButton("btnRate_left_image");
$btnRate_left_image->Text = "Rate";
$btnRate_left_image->AutoPostback = true;
$btnRate_left_image->LeftImage = $KoolControlsFolder . "/KoolForm/icons/plain/star_yellow.png";
$myform_manager->AddControl($btnRate_left_image);
示例#3
0
$item->Data = array("Capacity" => "2GB", "Price" => "USD 49");
$listbox->ItemTemplate = "<div> <div class='cssImage'><img src='images/{Value}.jpg'/></div> <div class='cssText'>{Text}</div><div class='cssCapacity'>{Capacity}</div><div style='clear:both'></div> </div>";
$listbox->TransferToId = "second_listbox";
$listbox->ButtonSettings->ShowTransfer = true;
$listbox->ButtonSettings->Position = "Right";
$listbox->ButtonSettings->VerticalAlign = "Middle";
$listbox->AutoPostBackOnTransfer = true;
$listbox->Init();
$second_listbox = new KoolListBox("second_listbox");
$second_listbox->styleFolder = "office2010silver";
$second_listbox->Width = "350px";
$second_listbox->Height = "260px";
$second_listbox->ItemTemplate = "<div> <div class='cssImage2'><img src='images/{Value}.jpg'/></div> <div class='cssText2'>{Text}</div><div class='cssCapacity2'>{Capacity}</div> <div class='cssPrice'>Price: <span>{Price}</span></div> <div class='cssQuantity'><div>Quantity:</div> <input id='{Value}_Quantity' type='text' value='1' style='width:30px;' /></div> <div style='clear:both'></div> </div>";
$second_listbox->Init();
for ($i = 0; $i < count($second_listbox->Items); $i++) {
    $numeric_textbox = $myform_manager->AddControl(new KoolNumericTextBox($second_listbox->Items[$i]->Value . "_Quantity"));
    $numeric_textbox->MinValue = 1;
    $numeric_textbox->Value = 1;
    $numeric_textbox->ShowSpinButton = true;
}
$myform_manager->Init();
?>

<form id="myform" method="post">

	<div style="width:650px;margin-left:10px;">	
		<?php 
echo $listbox->Render();
?>
		<?php 
echo $second_listbox->Render();
示例#4
0
<?php

/*
 * This file is ready to run as standalone example. However, please do:
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolForm/koolform.php";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->styleFolder = "sunset";
$myform_manager->DecorationEnabled = true;
$txtPhone = $myform_manager->AddControl(new KoolMaskedTextBox("txtPhone"));
$txtPhone->Mask = "(###) ###-####";
$txtPhone->PromptChar = "_";
$txtPhone->SelectionOnFocus = "SelectAll";
$txtIPAddress = $myform_manager->AddControl(new KoolMaskedTextBox("txtIPAddress"));
$txtIPAddress->Mask = "<0..255>.<0..255>.<0..255>.<0..255>";
$txtIPAddress->SelectionOnFocus = "CaretToBeginning";
$txtVisaCreditCard = $myform_manager->AddControl(new KoolMaskedTextBox("txtVisaCreditCard"));
$txtVisaCreditCard->Mask = "4### #### #### ####";
$txtVisaCreditCard->PromptChar = "_";
$txtVisaCreditCard->SelectionOnFocus = "SelectAll";
$txtSSN = $myform_manager->AddControl(new KoolMaskedTextBox("txtSSN"));
$txtSSN->Mask = "###-##-####";
$txtSSN->PromptChar = "_";
$txtSSN->SelectionOnFocus = "SelectAll";
//Init form
$myform_manager->Init();
示例#5
0
									"Value"=>"View",
									"LeftImage"=>"/path/to/leftimage.png")
									"RightImage"=>"/path/to/rightimage.png")
									"LeftImageCss"=>"leftimage_css")
									"RightImageCss"=>"rightimage_css")
									"ButtonCss"=>"button_css")
									"ToolTip"=>"This is the button")
								);

	 */
$action->AutoPostback = true;
$action->AddOption(array("Text" => "Accept", "Value" => "accept_order", "LeftImage" => $KoolControlsFolder . "/KoolForm/icons/plain/check2.png", "ToolTip" => "Accept the order"));
$action->AddOption(array("Text" => "View order", "Value" => "view_order", "LeftImage" => $KoolControlsFolder . "/KoolForm/icons/plain/text.png", "ToolTip" => "View details of the order"));
$action->AddOption(array("Text" => "Cancel", "Value" => "cancel_order", "LeftImage" => $KoolControlsFolder . "/KoolForm/icons/plain/delete2.png", "ToolTip" => "Cancel the order"));
$action->OnClick = "action_click";
$myform_manager->AddControl($action);
//Init form
$myform_manager->Init();
?>

<form id="myform" method="post" class="decoration">
	
		<fieldset style="width:350px;padding-bottom:10px;padding-left:10px;margin-bottom:50px;">
			<legend><b>New order</b></legend>
			<table>
				<tr>
					<td style="width:70px;"><b>Name:</b></td>
					<td>John Smith</td>
				</tr>
				<tr>
					<td><b>Address:</b></td>
示例#6
0
/*
 * This file is ready to run as standalone example. However, please do:
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolForm/koolform.php";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->styleFolder = "sunset";
$myform_manager->DecorationEnabled = true;
$txtPassword = new KoolPasswordTextBox("txtPassword");
$txtPassword->ShowIndicator = true;
$myform_manager->AddControl($txtPassword);
$txtPassword_Confirm = new KoolPasswordTextBox("txtPassword_Confirm");
$myform_manager->AddControl($txtPassword_Confirm);
$valCheckPass = new KoolCustomValidator("valCheckPass");
$valCheckPass->TargetId = "txtPassword_Confirm";
$valCheckPass->ClientValidationFunction = "check_password_consistence";
$valCheckPass->ErrorMessage = "Passwords are not the the same!";
$myform_manager->AddControl($valCheckPass);
$password_required_validator = new KoolRequiredFieldValidator("txtPassword_val");
$password_required_validator->TargetId = "txtPassword";
$password_required_validator->ErrorMessage = "Please, enter a password!";
$myform_manager->AddControl($password_required_validator);
//Init form
$myform_manager->Init();
?>
示例#7
0
/*
 * This file is ready to run as standalone example. However, please do:
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolAjax/koolajax.php";
require $KoolControlsFolder . "/KoolForm/koolform.php";
$koolajax->scriptFolder = $KoolControlsFolder . "/KoolAjax";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->DecorationEnabled = true;
$myform_manager->styleFolder = "sunset";
//Use the numeric textbox for Age
$txtAge = $myform_manager->AddControl(new KoolNumericTextBox("txtAge"));
//Use the masked textbox for phone
$txtPhone = $myform_manager->AddControl(new KoolMaskedTextBox("txtPhone"));
$txtPhone->Mask = "(###)-######";
$txtPhone->SelectionOnFocus = "CaretToBeginning";
//Create the required field validator for txtName
$txtName_RequiredFieldValidator = $myform_manager->AddControl(new KoolRequiredFieldValidator("txtName_RequiredFieldValidator"));
$txtName_RequiredFieldValidator->TargetId = "txtName";
$txtName_RequiredFieldValidator->ErrorMessage = "The textbox can not be empty!";
//Create the required field validator and range validator for txtName
$txtAge_RequiredFieldValidator = $myform_manager->AddControl(new KoolRequiredFieldValidator("txtAge_RequiredFieldValidator"));
$txtAge_RequiredFieldValidator->TargetId = "txtAge";
$txtAge_RequiredFieldValidator->ErrorMessage = "Please, select an year number!";
$txtAge_RangeValidator = $myform_manager->AddControl(new KoolRangeValidator("txtAge_RangeValidator"));
$txtAge_RangeValidator->TargetId = "txtAge";
$txtAge_RangeValidator->ErrorMessage = "Year number should be a non negative less than 50.";
示例#8
0
<?php

/*
 * This file is ready to run as standalone example. However, please do:
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolAjax/koolajax.php";
require $KoolControlsFolder . "/KoolForm/koolform.php";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->styleFolder = "sunset";
$myform_manager->DecorationEnabled = true;
$txtNum1 = $myform_manager->AddControl(new KoolNumericTextBox("txtNum1"));
$txtNum1->NumberFormat->PositivePattern = "n %";
$txtNum1->NumberFormat->NegativePattern = "(n %)";
$txtNum1->EmptyMessage = isset($_POST["txtEmptyMessage"]) ? $_POST["txtEmptyMessage"] : "Percentage";
$txtNum1->IncrementSettings->InterceptArrowKeys = isset($_POST["checkKeyboard"]) ? $_POST["checkKeyboard"] == "false" ? false : true : true;
$txtNum1->IncrementSettings->InterceptMouseWheel = isset($_POST["checkMouseWheel"]) ? $_POST["checkMouseWheel"] == "false" ? false : true : true;
$txtNum1->ShowSpinButton = isset($_POST["checkShowSpin"]) ? $_POST["checkShowSpin"] == "false" ? false : true : true;
$txtNum1->SpinButtonPosition = isset($_POST["selectSpinButtonPosition"]) ? $_POST["selectSpinButtonPosition"] : "Right";
$txtNum2 = $myform_manager->AddControl(new KoolNumericTextBox("txtNum2"));
$txtNum2->Value = 1000000;
$txtNum2->ShowSpinButton = true;
$txtNum2->IncrementSettings->InterceptArrowKeys = true;
$txtNum2->IncrementSettings->InterceptMouseWheel = true;
$txtNum2->NumberFormat->DecimalDigits = isset($_POST["selectDecimalDigits"]) ? $_POST["selectDecimalDigits"] : 1;
$txtNum2->NumberFormat->DecimalSeparator = isset($_POST["selectDecimalSeparator"]) ? $_POST["selectDecimalSeparator"] : ".";
$txtNum2->NumberFormat->GroupSeparator = isset($_POST["selectGroupSeparator"]) ? $_POST["selectGroupSeparator"] : " ";
示例#9
0
<?php

/*
 * This file is ready to run as standalone example. However, please do:
 * 1. Add tags <html><head><body> to make a complete page
 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
 */
$KoolControlsFolder = "../../../../KoolControls";
//Relative path to "KoolPHPSuite/KoolControls" folder
require $KoolControlsFolder . "/KoolForm/koolform.php";
$myform_manager = new KoolForm("myform");
$myform_manager->scriptFolder = $KoolControlsFolder . "/KoolForm";
$myform_manager->styleFolder = "sunset";
$myform_manager->DecorationEnabled = true;
$txtName = $myform_manager->AddControl(new KoolTextBox("txtName"));
$txtName->MaxLength = 10;
$txtName->EmptyMessage = "John Smith";
$txtName->ToolTip = "What is your name?";
$txtDescription = $myform_manager->AddControl(new KoolTextBox("txtDescription"));
$txtDescription->Mode = "multiline";
$txtDescription->EmptyMessage = "I am engineer!";
$txtDescription->ToolTip = "Tell us more about you!";
$txtDescription->Width = "200px";
$txtDescription->Height = "100px";
//Init form
$myform_manager->Init();
?>

<form id="myform" method="post" class="decoration">