<div id="product-view" class="k-header"> <div class="right"> <label for="culture">Choose culture:</label> <input id="culture" value="en-US" /> </div> <h2>Product promotion</h2> <ul id="fieldlist"> <li> <label for="initial">Initial price:</label> <?php $initial = new \Kendo\UI\MaskedTextBox('initial'); $initial->mask('9,999.99 $'); $initial->value('1234.56'); echo $initial->render(); ?> </li> </ul> </div> <style scoped> #example h2 { padding: 5px 0; font-weight: normal; border-bottom: 1px solid #999; } #product-view { border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 1px;
<?php require_once '../include/header.php'; require_once '../lib/Kendo/Autoload.php'; $maskedtextbox = new \Kendo\UI\MaskedTextBox('maskedtextbox'); $maskedtextbox->mask("(999) 000-0000"); $maskedtextbox->change('onChange'); ?> <div class="demo-section"> <?php echo $maskedtextbox->render(); ?> </div> <div class="demo-section"> <h3 class="title">Console log</h3> <div class="console"></div> </div> <script> function onChange() { kendoConsole.log("Change :: " + this.value()); } </script> <style scoped> .demo-section { width: 500px; text-align: center; } .console { margin: 0;
<li> <label for="credit_card">Credit Card number:</label> <?php echo $credit_card->render(); ?> </li> <li> <label for="ssn">Social security number:</label> <?php echo $ssn->render(); ?> </li> <li> <label for="postcode">UK postcode:</label> <?php echo $postcode->render(); ?> </li> </ul> </div> <style> .demo-section { width: 300px; margin: 35px auto 50px; padding: 30px; } .demo-section h2 { text-transform: uppercase; font-size: 1.2em;