Sunday, July 24, 2016

AngularJS binding does not update when IE's clear button is clicked

IE has an "X" in each text input that will clear the input. However, when clicking this button, while it clears the textbox, it does not update the Angular model that the input is bound to.
the best solution for this is hide the cross icon in the input fields using the code below
input::-ms-clear{display:none;}

Friday, July 18, 2014

Creating the table structure using divs:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.genral .table { display: table; width: 100%; border:1px solid #ff0000;  }
.genral .row {  display: table-row; }
.genral .tabledata { display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
</style>

</head>

<body>

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<div class="genral">
    <div class="table">
        <div class="row">
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
            <div class="cell"></div>
        </div>
    </div>
</div>

</body>
</html>