$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">
* 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);
$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();
<?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();
"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>
/* * 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(); ?>
/* * 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.";
<?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"] : " ";
<?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">