NINS_CODE/bahmni_config/openmrs/apps/customDisplayControl/views/ipdInfo.html

<style>
    #barcode {
        width: 2.2cm;
        height: 18px;
        margin-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 3px;
        margin-right: 0px;
        float: right;
    }
    .container {
            padding: 0 20px
        }
    @media print {
        .container {
            margin: 0 20px;
            position: relative;
            top: -20px;
        }
    }
</style>
<div class="container placeholder-text "
     style="background-color: gainsboro;height: 30px; line-height: 30px; font-size: 14px;">
    <b>Name: </b><span style="text-transform: uppercase;">{{patient.name}}</span>&nbsp;|&nbsp;
    <span><b>Patient ID:</b> {{patient.identifier}}</span>&nbsp;|&nbsp;
    <span><b>Gender:</b>
        <!-- {{patient.gender}}&nbsp;|&nbsp;-->
        <span ng-if="patient.gender == 'M' ">Male&nbsp;|&nbsp;</span>
         <span ng-if="patient.gender == 'F' ">Female&nbsp;|&nbsp;</span>
         <span ng-if="patient.gender == 'O' ">Other&nbsp;|&nbsp;</span>
    </span>
    <span><b>Age:</b> {{patient.age}} Years &nbsp;&nbsp;</span>
    <!-- <span><b>Weight:</b> <span ng-if="weightAnaesthesia.length>0">{{weightAnaesthesia[0].value}} {{weightAnaesthesia[0].concept.units}}</span> </span> -->
    <span><img id="barcode"
               jsbarcode-displayValue="false"
               jsbarcode-fontSize="4"
               jsbarcode-height="35"
               jsbarcode-margin="0"
               jsbarcode-textAlign="left"
               jsbarcode-textMargin="0"
               jsbarcode-value="{{patient.identifier}}"
               jsbarcode-width="2"
    /></span>
    <br><br>
</div>

<script src="/bahmni_config/openmrs/apps/JsBarcode.all.min.js" type="text/javascript"></script>
<script>
    (function () {
        JsBarcode("#barcode").init();
    })();
</script>