Common Info with Icons II

Click to View a Sample Page Tile: Addresses.

<div style="padding-top:10px !important; " class="panel-body"> <div class="container-fluid" style="border: 1px solid #CECECE;"> <div class="row" style="padding-left: 0px; background-color: #f8f8f8; border-bottom: 1px solid #cecece"> <div class="col-md-12" style="padding: 7px"> <table width="100%"> <tbody> <tr> <td><span style="font-size: 14px;font-weight:bold;">Other Family Members</span></td> <td align="right"><i class="fas fa-ellipsis-h" id="fam_menu" style="cursor: pointer; color: #337ab7; float: right"></i> <!-- Leo's comments: The container width has to be assigned auto below --> <div class="container" style="width: auto !important"> <script> var actions = [{ name: 'View more info', onClick: function() { location.assign("family_b.html"); } }, { name: 'Edit', onClick: function() { location.assign("xxx.html"); } }]; var menu1 = new BootstrapMenu('#fam_menu', { menuEvent: 'click', // default value, can be omitted menuSource: 'element', menuPosition: 'belowLeft', // matches element's left side actions: actions }); </script></div></td> </tr> </tbody> </table> </div> </div> <div class="row" style="padding-left: 10px; margin-top: 5px; padding-bottom: 10px; font-size: 10pt"> <div class="col-md-12" style="padding-left: 0px; width: 100%;"> <div style="padding-left: 0px;margin-right: 5%;float: left;"> <table style="margin-top: 5px"> <tbody> <tr style="height: 23px"> <td style="color: #000" valign="top"><label style="font-weight:normal;color: #595959; padding-right:5px">RELATIONSHIP</label></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">Subscriber</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">Daughter</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">Son</td> </tr> </tbody> </table> </div> <div style="padding-left: 0px; float: left;margin-left: 10px;margin-right: 5%;"> <table style="margin-top: 5px"> <tbody> <tr style="height: 23px"> <td style="color: #000" valign="top"><label style="font-weight:normal;color: #595959; padding-right:5px">NAME</label></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top"><a href="tom_summary.html">Brown, Tom</a></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top"><a href="tom_summary.html">Brown, Mary</a></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top"><a href="tom_summary.html">Brown, John</a></td> </tr> </tbody> </table> </div><div style="padding-left: 0px;float: left;margin-left: 10px;margin-right: 5%;"> <table style="margin-top: 5px"> <tbody> <tr style="height: 23px"> <td style="color: #000" valign="top"><label style="font-weight:normal;color: #595959; padding-right:5px">DOB</label></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">01/01/1972</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">01/01/2010</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">01/01/2011</td> </tr> </tbody> </table> </div><div style="padding-left: 0px;float: left;margin-left: 10px;margin-right: 5%;"> <table style="margin-top: 5px"> <tbody> <tr style="height: 23px"> <td style="color: #000" valign="top"><label style="font-weight:normal;color: #595959; padding-right:5px">ELIGIBILITY</label></td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">M, D</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">M, D</td> </tr> <tr style="height: 23px"> <td style="color: #000" valign="top">M, D</td> </tr> </tbody> </table> </div></div> </div> </div> </div>

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.