Entryfield Test

by paulwesterberg

HTML

<html>

    <br>
    <br>

    <body>
      <table>
          <colgroup>
              <col width="150"/>
              <col width="200"/>
              <col width="20"/>
        </colgroup>
            <tbody>
                <tr>
<td>
Date of Birth:
</td><td>

                <div id="ctl_ValidationTest_6_efBirthDate" class="ef" datefield:serverid="efBirthDate" sys:attach="datefield" __type="Epic.Core.Controls.Web.DateField" datefield:data="{binding Data.ValidationPatient.BirthDate}" datefield:fieldtype="3" datefield:parentid="ctl_ValidationTest_6" datefield:displayname="Date of Birth" datefield:ghosttext="BirthDate has really long ghosttext" datefield:expectedrange="6" xmlns:datefield="http://www.epicsystems.com/SysDescriptor/Epic.Core.Controls.Web.DateField">
                            <div id="ctl_ValidationTest_6_efBirthDateefdiv" class="efArea">
                                <div id="ctl_ValidationTest_6_efBirthDateeftxtdiv" class="efTxtArea efSelAdd">
                                    <div id="ctl_ValidationTest_6_efBirthDateeftxtdivbox" class="efTxtAreaBox">
                                        <label style="width: inherit; padding-right: 0px; display: inline;" class="efGhost efTxt">BirthDate has really long ghosttext</label><input id="ctl_ValidationTest_6_efBirthDatetext" class="efTxt" name="EntryFieldText" type="text" autocomplete="off">
                                    </div>
                                </div>
                                <div class="efBtn" title="Open date entry" tabIndex="-1" unselectable="on">
<div style="background-position: 0px 0px;" class="efBtnImg eilfoundations" title="Open date entry" tabIndex="-1" unselectable="on" __imageClass="eilfoundations"></div>
<span style="float:left; top:0">Add</span></div></div>
            </div>           
      </td>
<td></td>
</tr>
</tbody></table>
</body>
</html>

CSS

/* LaunchLink, ToggleButton, Locking Messages, Sprite, TabStrip, EntryField */



/* ======================== */
/* Button                   */

/* most button styles are defined in Core.css, since they apply to all 
    BUTTON tags - the following are Epic-specific classnames */

/* Toggle Button */
/* for any styles that are common to both states */
button.tbtn
{
}

/* State=false, toggle up = unselected */
button.tbtnUp
{
}

/* State=true, toggle pushed in = selected */
button.tbtnDwn
{
    /*outline-color: #05277F;*/ /*border-color: #154CD4 #2A65D3 #3977D4 #2A65D3;*/
    border-color: #05277F #0F58DE #3977D4 #0A47CE;
    background: #3773D0 url('images/shiny-highlight24.png') repeat-x top left;
    color: White; /*box-shadow: none;     -webkit-box-shadow: none;     margin: 1px 0px 0px 1px;*/
}

/* State=true, toggle pushed in = selected, and hovering */
button.tbtnDwn:hover, button.tbtnDwn:active
{
    background-color: #4F95ED;
}

/* State=true, toggle pushed in = selected, and pressed */
button.tbtnDwn:active
{
}

/* State=true, toggle pushed in = selected, and focused */
button.tbtnDwn:focus
{
    border-color: #A2DBFF #71C8FF #79D2FF #71C7FF;
}

/* disabled toggle button */
button.tbtnDwn[disabled], button.tbtnDwn[disabled]:hover, button.tbtnDwn[disabled]:focus, button.tbtnDwn[disabled]:active
{
    /*outline-color: #676767;*/
    border-color: #73767A #787C80 #73767A #797C81;
    background: #8B8E94 url('images/shiny-highlight24.png') repeat-x top left;
    color: White;
}


/* ======================== */
/* Launch Link              */

/* for any styles that are common to both styles */
.ll
{
    cursor: pointer;
}

/* ======================== */
/* Entry Fields             */

/* entry field as a whole */
.ef
{
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-spacing: 0px;
    font-size: 1em;
    margin: 0px;
    outline: transparent solid 1px;
   ...