bullet pointer not show in mpdf preview #1906

atul13june · 2023-07-17T10:35:51Z

atul13june
Jul 17, 2023

.skn-srz2 #FIELD_Accom p:before, .skn-srz2 .user-skill p::before, .skn-srz2 span.paddedline div li:before, .skn-srz2 .firstparagraph div li:before, .skn-srz2 #FIELD_JDES p:before, .skn-srz2 #FIELD_JDES li:before {
content: "•";
margin-right: 5px;
font-size: 20px;
position: relative;
top: 2px;
}

i try this type of css, this css are work in html preview but not show in mpdf preview.

finwe · 2023-07-17T10:43:08Z

finwe
Jul 17, 2023
Maintainer

:before pseudo-element is not supported in mPDF. #770

8 replies

atul13june Jul 21, 2023
Author

image not show in mpdf, and any alternate option for before after in mpdf

this is my code please check this

        .skn-srz4 .right-box .paddedline.date-content {
           position: relative;
           font-weight: normal;
           margin-left: 0;
           width: 40%;
           float: right;
           font-size: 16px;
           text-align: right;
        }

        .skn-srz4 .add_project_sections .heading {
           padding-top: 15px;
        }

        .skn-srz4 .add_certification_sections .heading {
           padding-top: 15px;
        }

        .skn-srz4 .flexview {
           font-size: 16px;
        }

        .skn-srz4 .flexview .right {
           position: absolute;
           right: 0;
           top: 0;
        }

        .skn-srz4 .firstparagraph p {
           font-size: 16px;
           word-wrap: break-word;
        }

        .skn-srz4 ul,
        .skn-srz4 li {
           margin: 0;
           padding: 0;
           padding-left: 0px;
           font-size: 16px
        }

        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        font,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td {
           margin: 0;
           padding: 0;
           border: 0;
           outline: 0;
           vertical-align: baseline;
           background: transparent;
           font-family: "Varela Round", sans-serif;
        }

        body {
           text-align: left;
           font-feature-settings: "liga" 0;
           -moz-font-feature-settings: "liga" off
        }

        .skn-srz4 ol,
        .skn-srz4 ul {
           list-style: none
        }

        .skn-srz4 table {
           border-collapse: collapse;
           border-spacing: 0;
           font-size: inherit;
           color: inherit;
           width: 100%
        }

        /*common css*/
        .skn-srz4 .txtBold {
           font-weight: 700
        }

        .skn-srz4 .paddedline {
           display: block
        }

        .skn-srz4 .mt5 {
           margin-top: 5px
        }

        .skn-srz4 .mt8 {
           margin-top: 8px
        }

        .skn-srz4 .word-break {
           word-wrap: break-word
        }

        /*START content disc style for LI*/
        .skn-srz4 ul,
        .skn-srz4 li {
           margin: 0;
           padding: 0;
           list-style-type: none
        }

        .skn-srz4 #FIELD_Accom p,
        .skn-srz4 .user-skill p,
        .skn-srz4 span.paddedline div li,
        .skn-srz4 .firstparagraph div li,
        .skn-srz4 #FIELD_JDES p,
        .skn-srz4 #FIELD_JDES li {
           margin-left: 10px;
           text-indent: -12px;
        }

        .skn-srz4 #FIELD_Accom p:before,
        .skn-srz4 .user-skill p::before,
        .skn-srz4 span.paddedline div li:before,
        .skn-srz4 li:before,
        .skn-srz4 .firstparagraph div li:before,
        .skn-srz4 .list-point1 li:before,
        .skn-srz4 #FIELD_JDES li:before,
        .skn-srz4 #FIELD_JDES p:before {
           content: "•";
           margin-right: 5px;
           font-size: 20px;
           position: relative;
           top: 2px;
        }

        .skn-srz4 ul li {
           margin: 0px;
           padding: 0
        }

        @-moz-document url-prefix() {
           .skn-srz4 ul li {
              margin: 0 0 0 0px;
              padding: 0 0 0 0px
           }
        }

        /*END content disc style for LI*/
        /*table style*/
        .skn-srz4 table.skills,
        .table_wrapper {
           margin-top: 0;
           width: 100%;
           word-wrap: break-word
        }

        .skn-srz4 table.skills th,
        table.skills td {
           text-align: center;
           width: 20%
        }

        .skn-srz4 table.skills .skillname,
        .skn-srz4 table.skills .skillrating {
           text-align: left;
           width: 35%
        }

        .skn-srz4 table.skills .skillrating {
           width: 20%
        }

        .skn-srz4 table.skills .skillyears,
        .skn-srz4 table.skills .skilllast {
           width: 19%
        }

        .skn-srz4 table.skills .pad1 {
           width: 5%
        }

        .skn-srz4 .skills .pad2,
        .skn-srz4 table.skills .pad3 {
           width: 1%
        }

        /*document*/
        .skn-srz4 {
           box-sizing: border-box;
           color: #343434;
           font-variant-ligatures: none;
           line-height: 16px;
           min-height: 792px;
           word-wrap: break-word
        }

        .skn-srz4 .name {
           color: #252932;
           font-weight: bold;
           padding: 0;
           position: relative;
           text-align: left;
           word-wrap: break-word
        }

        .skn-srz4 .address .singlecolumn {
           margin-left: 0 !important
        }

        .skn-srz4 .heading {
           font-weight: bold;
           letter-spacing: 0;
           line-height: 15px;
           margin-bottom: 10px;
           padding-bottom: 2px;
        }

        .skn-srz4 .sectiontitle {
           color: #252932;
        }

        .skn-srz4 .degreeGap {
           margin-bottom: 4px
        }

        .skn-srz4 .locationGap {
           margin-top: 4px
        }

        .skn-srz4 .firstparagraph {
           margin-top: 0 !important
        }

        .skn-srz4 .section:empty,
        .skn-srz4 .hide-bar .ratingWrapper svg,
        .skn-srz4 .hide-bar .field-ratt {
           display: none
        }

        .skn-srz4 .parentContainer {
           border-collapse: collapse;
           display: inline-block;
           min-height: inherit;
           table-layout: fixed;
           width: 100%
        }

        .skn-srz4 .left-box,
        .skn-srz4 .right-box {
           padding-left: 15px;
           padding-top: 20px
        }

        .skn-srz4 .left-box,
        .skn-srz4 .right-box {
           padding-left: 15px;
           padding-top: 20px
        }

        .skn-srz4 .left-box {
           display: block;
           float: left;
           letter-spacing: .2px;
           padding-left: 0;
           padding-right: 15px;
           vertical-align: top;
           box-sizing: initial
        }

        .skn-srz4 .paragraph {
           position: relative
        }

        .skn-srz4 .right-box {
           display: block;
           float: right;
           letter-spacing: .2px;
           vertical-align: top;
        }

        .skn-srz4 .firstsection,
        .skn-srz4 .SECTION_NAME {
           padding-top: 0 !important
        }

        .skn-srz4 .right-box .section:first-child,
        .skn-srz4 .left-box .section:first-child {
           padding-top: 0px !important
        }

        .skn-srz4 .locationGap span {
           font-size: 16px;
        }

        .skn-srz4 .summary .singlecolumn {
           margin-left: 0
        }

        .skn-srz4 .summary.section {
           padding-top: 15px
        }

        .skn-srz4 .resumetitle {
           color: #252932;
           padding-top: 10pt
        }

        /* Only for firefox */
        @-moz-document url-prefix() {
           .skn-srz4 .parentContainer {
              height: 1px
           }
        }

        /*Rating*/
        .skn-srz4 .ratingWrapper svg {
           height: 10px;
           stroke: #252932
        }

        .skn-srz4 .headingIcon svg circle,
        .skn-srz4 .ratingWrapper svg .default-fill {
           fill: #252932;
           -webkit-print-color-adjust: exact;
        }

        .skn-srz4 .ratingRow {
           position: relative;
           white-space: nowrap
        }

        .skn-srz4 .ratingRow .ratingText,
        .skn-srz4 .ratingRow .ratingWrapper {
           width: 50%;
           display: inline-block;
           word-wrap: break-word;
           white-space: normal;
           vertical-align: top
        }

        .skn-srz4 .ratingRow .ratingText+.ratingWrapper {
           text-align: right;
           line-height: normal;
           margin-top: 4px
        }

        /*Icon*/
        .skn-srz4 .headingIcon {
           display: inline-block;
           vertical-align: middle;
           margin-right: 6px
        }

        .skn-srz4 .headingIcon svg {
           height: 30px;
           width: 30px;
           display: block
        }

        .skn-srz4 .headingIcon svg path {
           fill: #fff
        }

        /* For dates fix */
        .skn-srz4 .right-box .hidedates {
           visibility: hidden;
           position: static !important;
           display: block;
           float: left
        }

        .skn-srz4 .left-box .hidedates {
           display: none
        }

        .skn-srz4 .paragraph.datespara:after {
           display: table;
           clear: both
        }

        .skn-srz4 .ratingRow .ratingText:last-child,
        .skn-srz4 .hide-bar .ratingText {
           width: 100%
        }

        /*PICT*/
        .skn-srz4 .prflPic,
        .skn-srz4 .prflPic>div {
           width: 156px;
           height: 156px
        }

        .skn-srz4 .prflPic img {
           min-width: 100%;
           max-width: 100%;
           min-height: 100%;
           max-height: 100%
        }
     </style>
     <style type="text/css" id="dynamic" data-time="Fri Apr 07 2023 16:32:30 GMT+0530 (India Standard Time)">
        @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");

        .skn-srz4 .sectiontitle {
           color: #252932;
           -webkit-print-color-adjust: exact;
        }

        .skn-srz4 .main-line {
           display: inline-block;
           width: 100%;
        }

        .skn-srz4 .paddedline1 {
           width: 30%;
           text-align: right;
           float: right;
        }

        .skn-srz4 .heading {
           margin-bottom: 0px;
        }

        .skn-srz4,
        .skn-srz4 table {
           line-height: 18px;
        }

        .skn-srz4.pagesize {
           width: 100%;
        }

        .skn-srz4.fontsize {
           font-size: 11px;
        }

        .skn-srz4.vmargins {
           padding-top: 0px;
           padding-bottom: 0px;
        }

        .skn-srz4.hmargins {
           padding-left: 10px;
           padding-right: 10px;
        }

        .skn-srz4 .section {
           padding-top: 20px;
        }

        .skn-srz4 .left-box .section:after {
           padding-bottom: 10px;
        }

        .skn-srz4 .paragraph {
           margin-top: 10px;
        }

        .skn-srz4 .singlecolumn,
        .skn-srz4 .maincolumn {
           word-wrap: break-word;
        }

        .skn-srz4 .right-box .singlecolumn,
        .skn-srz4 .right-box .maincolumn {
           margin-left: 0px;
        }

        .skn-srz4 table.skills td {
           padding-top: 5px;
        }

        .skn-srz4 .jobdates {
           font-size: 16px;
        }

        .skn-srz4 .jobtitle,
        .skn-srz4 .degree,
        .skn-srz4 .programline {
           font-size: 14px;
        }

        .skn-srz4 .name {
           color: #252932;
           font-size: 36px;
           line-height: 39px;
           text-transform: uppercase;
           letter-spacing: 1px;
           margin-top: 15px;
           margin-bottom: 20px;
        }

        .skn-srz4 .heading {
           line-height: 23px;
        }

        .skn-srz4 .sectiontitle,
        .skn-srz4 .resumeTitle {
           font-size: 18px;
           color: #252932;
        }

        .skn-srz4 .address .singlecolumn span {
           font-size: 16px;
           font-weight: normal;
           word-wrap: break-word;
        }

        .skn-srz4 .sortable-item p {
           font-size: 16px;
        }

        .skn-srz4 .left-box {
           width: 28%;
        }

        .skn-srz4 .right-box .paragraph .singlecolumn {
           margin-left: 91px;
        }

        /* Issues fix for builder page */
        #displayResume .skn-srz4.document {
           min-height: 792px;
        }

        .skn-srz4>div {
           min-height: inherit;
        }

        .skn-srz4 .left-box .sortable-item:first-child>.wrapper>.section,
        .skn-srz4 .right-box .sortable-item:first-child>.wrapper>.section {
           padding-top: 0 !important;
        }

        .skn-srz4>div:not(.topsection),
        .skn-srz4>div:not(.parentContainer) {
           min-height: auto;
        }

        /*Phase 2: Issues fix for builder page*/
        .skn-srz4 .parentContainer .left-box>.sortable-item,
        .skn-srz4 .parentContainer .right-box>.sortable-item {
           padding-top: 20px;
        }

        .skn-srz4 .parentContainer .left-box>.sortable-item:first-child,
        .skn-srz4 .parentContainer .right-box>.sortable-item:first-child {
           padding-top: 0;
        }

        .skn-srz4 .parentContainer .sortable-item.active .heading.sectiontitle {
           display: inline;
        }

        .SRZ4.skn-srz4 .sortable-item.active .sectiontitle {
           display: inline;
        }

        html.c-rowloc-in.hide-photo .skn-srz4 .left-box .sortable-item.data-PICT+.sortable-item {
           padding-top: 0px !important;
        }

        /*Icons and Rating*/
        .skn-srz4 .ratingWrapper svg {
           stroke: #009688;
        }

        .skn-srz4 .headingIcon svg circle,
        .skn-srz4 .ratingWrapper svg .default-fill {
           fill: #009688;
        }

        .skn-srz4 .doc-item1 {
           margin-top: 20px;
        }

        .skn-srz4 .two-flex {
           display: flex;
           justify-content: space-between;
        }

        .skn-srz4 .paddedline1 {
           width: 30%;
           float: left;
           text-align: right;
        }

        .skn-srz4 .left-content1 {
           width: 70%;
           float: right;
        }

        .skn-srz4 .left-content1 .work-title {
           font-weight: bold;
           font-size: 16px;
        }

        .skn-srz4 .work-content span.paddedline.locationGap.txtItl {
           margin: 0 0 10px 0;
        }

        .skn-srz4 .txtBold {
           font-weight: bold;
           display: flex;
           justify-content: space-between;
           word-wrap: break-word;
        }

        .skn-srz4 .imagebgcolor {
           display: inline-block;
           position: relative;
           top: 3px;
           float: right;
        }

        .skn-srz4 .imagebgcolor img {
           background: #003d73;
           height: 12px;
           padding: 2px;
           border-radius: 2px;
           -webkit-print-color-adjust: exact;
        }

        .skn-srz4 .sectiontitle {
           border-bottom: 1px solid #003d73;
           -webkit-print-color-adjust: exact;
        }

        .skn-srz4 .linefirst {
           border-bottom: 2px solid #003d73;
           -webkit-print-color-adjust: exact;
           width: 50%;
           position: relative;
           display: inline-block;
           margin-top: 10px;
           vertical-align: top;
        }

        .skn-srz4 .linecontent {
           background-color: #003d73;
           -webkit-print-color-adjust: exact;
           color: white;
           padding-left: 5px;
           width: 48%;
           font-size: 16px;
           padding-top: 5px;
           padding-bottom: 5px;
           display: inline-block;
        }

        .skn-srz4 .headingIcon svg circle,
        .skn-srz4 .ratingWrapper svg .default-fill {
           fill: #009688;
        }

        .skn-srz4 .ratingWrapper svg {
           stroke: #009688;
        }

        .skn-srz4 .fillcircle {
           width: 10px;
           height: 10px;
           background: #009688;
           border-radius: 50%;
           display: inline-block;
           margin-right: 5px;
        }

        .skn-srz4 .blankcircle {
           width: 8px;
           height: 8px;
           border: 1px solid #009688;
           background: transparent;
           border-radius: 50%;
           display: inline-block;
           margin-right: 5px;
        }

        .skn-srz4 .linecontent {
           line-height: 18px;
        }

        .skn-srz4 .iconRow {
           clear: both;
           padding-bottom: 7px;
           word-wrap: break-word;
        }

        .skn-srz4 .iconcontent {
           margin-left: 1%;
           width: 75%;
           display: inline-block;
           font-size: 13px;
        }

        .skn-srz4 .iconimage {
           width: 20px;
           height: 20px;
           float: right;
           margin-left: 5px;
           width: 10%;
           display: inline-block;
        }

        .skn-srz4 .imagebgcolor img {
           background: #003d73;
           height: 12px;
           padding: 2px;
           border-radius: 2px;
           -webkit-print-color-adjust: exact;
        }

        .skn-srz4 .add_project_sections .left {
           width: 80%;
           word-break: break-all;
        }
     </style>
     <style>
        .skn-srz4.sknred .imagebgcolor img {
           background: #ec0c0c;
        }

        .skn-srz4.sknred .linefirst {
           border-bottom: 2px solid #ec0c0c;
        }

        .skn-srz4.sknred .linecontent {
           background: #ec0c0c;
        }

        .skn-srz4.sknred .sectiontitle {
           border-bottom: 1px solid #ec0c0c;
        }

        .skn-srz4.sknred .name-sec {
           background: #ec0c0c;
        }

        .skn-srz4.sknred .imagebgcolor img {
           background: #ec0c0c;
        }
     </style>
     <style>
        .skn-srz4.sknskyblue .name-sec {
           background: #2b98de;
        }

        .skn-srz4.sknskyblue .linefirst {
           border-bottom: 2px solid #2b98de;
        }

        .skn-srz4.sknskyblue .linecontent {
           background: #2b98de;
        }

        .skn-srz4.sknskyblue .sectiontitle {
           border-bottom: 1px solid #2b98de;
        }

        .skn-srz4.sknskyblue .name-sec {
           background: #2b98de;
        }

        .skn-srz4.sknskyblue .imagebgcolor img {
           background: #2b98de;
        }
     </style>
     <style>
        .skn-srz4.sknyellow .name-sec {
           background: #facd05;
        }

        .skn-srz4.sknyellow .linefirst {
           border-bottom: 2px solid #facd05;
        }

        .skn-srz4.sknyellow .linecontent {
           background: #facd05;
        }

        .skn-srz4.sknyellow .sectiontitle {
           border-bottom: 1px solid #facd05;
        }

        .skn-srz4.sknyellow .name-sec {
           background: #facd05;
        }

        .skn-srz4.sknyellow .imagebgcolor img {
           background: #facd05;
        }
     </style>
     <div class="document doc-root fontsize fontface vmargins hmargins pagesize skn-srz4 SRZ4 ZTY">
        <div id="CONTAINER_PARENT_0" class="topsection">
           <div id="CONTAINER_0">
              <div data-react-beautiful-dnd-draggable="2"
                 class="sortable-item section-container SortableItem-sibling data-NAME">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_NAMEc5daf34c-5823-4e55-b28b-c32cd2eaf659"
                    class="section SECTION_NAME notdraggable" data-section-cd="NAME">
                    <div class="doc-item">
                       <div class="">
                          <div class="">
                             <div id="PARAGRAPH_NAME_f165f0ee-58b8-6784-b759-75cdd4a5004a"
                                class="paragraph PARAGRAPH_NAME firstparagraph">
                                <div>
                                   <div class="name word-break">
                                      <span id="FIELD_FNAM" class="user-name">Tarun</span>
                                      <span class="word-break user-name-2" id="FIELD_LNAM">Gupta</span>
                                   </div>
                                   <div class="main-line">
                                      <div class="linefirst"></div>
                                      <div class="linecontent" id="FIELD_DCTL">Web Developer</div>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
        <div id="CONTAINER_PARENT_1" class="parentContainer">
           <div id="CONTAINER_1" class="left-box">
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-PICT">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
              </div>
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-CNTC">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_CNTC558dfbea-f057-4210-8574-c8f4789c4dfc"
                    class="section SECTION_CNTC notdraggable has-title" data-section-cd="CNTC">
                    <div class="doc-item">
                       <div class="heading">
                          <div class="sectiontitle" id="SECTIONNAME_CNTC">
                             Contact
                             <span title="Rename Contact section" class="rename-section text-rename"></span>
                          </div>
                       </div>
                       <div class="">
                          <div class="">
                             <div id="PARAGRAPH_CNTC_54e58220-a3dc-842c-6ea4-c2b046c0b8b0"
                                class="paragraph PARAGRAPH_CNTC firstparagraph">
                                <div class="clearfix doc-item">
                                   <div class="address">
                                      <div class="singlecolumn mt8">
                                         <div dependency="STRT|CITY|STAT|ZIPC|ADDR">
                                            <div class="iconRow">
                                               <div class="iconcontent">
                                                  <span class="xslt_static_change user-mobile"
                                                     id="FIELD_HPHN">98989888</span>
                                               </div>
                                               <div class="iconimage">
                                                  <div class="imagebgcolor">
                                                     <img
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cFDAUUC/oUfWQAAAGfSURBVEjHrZWxTsJgFIVva7GGkBgmEyAsbk4ksOqkiy4uBOLAqo/gYhwlkPACjKxMJPoKDsaBsGlSXZAHIFYT5H4O1RBDS2vpWfv3fLm35z8V+RFq22i3C9MpDIfo/r4kJXRzEwYD/sh10cPDBMxtG25v8VUCELi+ZqU+P+HkZA3A0xOhmk7RQiGOvymysxN+LJMRo1yOCRiPw4/NZiKjUTwA9/erd+g4IrWaYThOHIDA8XHg6vXhAba2YhkvABsb8PzsT7i4WMtcREzDmM9Fmk3/x/n8ugBvCrUseHxcnuD1FbXthCCVCnx9LUNubhIBiIjA1ZXPl1ao11e/t7eHVqtosRgCME307m4Z8vEBZ2f+kzcaMJ8vbnxId0E2C6ORf2w7HUinF+bb2zAe/7sgIZcDx/GP7tsb2m57JRnUY66LHh2FQHZ3gyFR5LrowUGESQLWFUnDYYRkZbPBP6QwTSYR42uaXoT97skKaasVCbAAlUpeAUZRv4+mUv8CeNG0LPT8HF5eEjf/C0ql4PQUej0vru/vXitfXqKW9XvuG02LRo5iz1oXAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA1LTEyVDA1OjIwOjExKzAwOjAwJPap0AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNS0xMlQwNToyMDoxMSswMDowMFWrEWwAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDUtMTJUMDU6MjA6MTErMDA6MDACvjCzAAAAAElFTkSuQmCC">
                                                  </div>
                                               </div>
                                            </div>
                                            <div class="iconRow">
                                               <div class="iconcontent">
                                                  <span class="xslt_static_change user-address">
                                                     <div dependency="STRT|CITY|STAT|ZIPC|ADDR">
                                                        <div id="FIELD_STRT"></div>
                                                        <span id="FIELD_CITY">Indore</span><span
                                                           dependency="CITY+STAT|ZIPC">,</span>
                                                        <span id="FIELD_STAT">India</span><span
                                                           dependency="STAT+ZIPC">, </span>
                                                        <span id="FIELD_ZIPC">452060</span>
                                                        <span id="FIELD_ADDR"></span>
                                                     </div>
                                                  </span>
                                               </div>
                                               <div class="iconimage">
                                                  <div class="imagebgcolor">
                                                     <img
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cFDAUgE1JSFsUAAAGSSURBVEjHrZQ/isJQEMaTZYlVgngCUQTFHMDC0gtIiOfQcwgaFK9gpTfQzsJehWAg+KcVC0mhovNtEVj3+YwZXafNzO+b+eZNFCUmQKYJOA4wn4OCABQEwHwOOA7INOPqn4A1Dej1gOsVkXG5AN0uSNNeh9N4DG7QaPSSSNj5q9HpMLs3zXD0v7HZAJYF0nWQrgPVKuC6sl3FIqN7x5HhqZScl0oB261oVavFEFgsRAHLip7WtsXc2YwhcDiIXel6tIBhiAKHw33Ol1x2vbJfg6KqcbUPBNZrkVGpRPPvvmG1ireImk1xbNeNXvJyKdrZbDJ2kM8DRKLIdguybZBhhL5blgQHEVAosJwF+v3XD63fZ68OSKeB45EPP52AbJYt8HgXT4LjvTxFMgnsdvH0/f7RI2CKNBrxAvX6W/DQJk0DPC8a7vugROJtgXCKWi3ae9v+F/wmMpnI8OkUuP9VvC1QKknHR+XyR+C/IjQc3uiDwUfh4RSZTHhQ5zMol+PWfXMTVdX3gXZbURRF/fI8bt0PIzk3wxmtascAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDUtMTJUMDU6MzI6MTgrMDA6MDB0FeP+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA1LTEyVDA1OjMyOjE4KzAwOjAwBUhbQgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wNS0xMlQwNTozMjoxOCswMDowMFJdep0AAAAASUVORK5CYII=">
                                                  </div>
                                               </div>
                                            </div>
                                            <div class="iconRow">
                                               <div class="iconcontent">
                                                  <span class="xslt_static_change user-email"
                                                     id="FIELD_EMAI">abcabcabcabcabc@gmail.com</span>
                                               </div>
                                               <div class="iconimage">
                                                  <div class="imagebgcolor">
                                                     <img
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cFDAUhI22QFygAAAGOSURBVEjH7ZXBSgJRFIb/K4GzyRYtClNQUCvbByWCvkX4RrrqkdzUwn1CpjQw5fgIEnS/FjfppiNDNqvoX/733O+HOfeckf6VIiNJcH0tWi2ZXC4TKtbK3N0Zc38vCAI4O4M4JjPFsWMGgWA0gmLRGfP57+HzuWMVizAayZmTCZycYBsNeHnZHb5YQLMJx8fw8ACgr8NVSL2+W4gPH49Xrr4XPT9DpfLzkDiGZhNbKsHTk3+izeKfhsQxnJ9jy+V1+JYAgDCEahUqFRe4TVGErdWw5TJ2Ok2q0PbLaSHpcIDUwTImDEWnI4XhlxtFots1uek07X5yALOZaLclgOHQTfjVlTQYSP2+dHkpvb3BcCjl81K3K2azZNbWJtdqEEXOWyzg5ga7v48tFKDXc57/qTZfUEIPJhNsqeRe0Aru6/0drE3uR72+PgNrAb8dtM9Z8KbYC3h8zHRV2KMjb1V8LjvbaMDr6+5wP+Tiwlt2QQCnp9nA10OCYM+Y5RIOD8XtbbY/nIMDY5bLTHh/Wx8b8fonGWJwngAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wNS0xMlQwNTozMzozNSswMDowMLgl7n0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDUtMTJUMDU6MzM6MzUrMDA6MDDJeFbBAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTA1LTEyVDA1OjMzOjM1KzAwOjAwnm13HgAAAABJRU5ErkJggg==">
                                                  </div>
                                               </div>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item  section-container SortableItem-sibling data-EDUC">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_EDUC" class="section SECTION_HILT PARAGRAPH_EDU has-title" data-section-cd="EDUC">
                    <div class="heading">
                       <div class="sectiontitle" id="SECTIONNAME_HILT">
                          Education
                          <span title="Rename Skills section" class="rename-section text-rename"></span>
                       </div>
                    </div>
                    <div class="doc-item sortableInner mt8">
                       <div class="PARAGRAPH_EDU">
                          <p><span id="FIELD_JSTD">2022-02</span>
                             <span dependency="JSTD+EDDT"> - </span>
                             <span id="FIELD_EDDT">Present</span>
                          </p>
                          <strong>
                             <p class="user-degree" id="FIELD_JTIT">High School Diploma</p>
                          </strong>
                          <p class="school-address" id="FIELD_COMP">Govt B H S S in Indore</p>
                       </div>
                    </div>
                 </div>
              </div>
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-SFTR">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_SFTR" class="section SECTION_SFTR has-title" data-section-cd="SFTR">
                    <div class="doc-item">
                       <div class="heading">
                          <div class="sectiontitle" id="SECTIONNAME_SFTR">
                             Skills
                             <span title="Rename Software section" class="rename-section text-rename"></span>
                          </div>
                       </div>
                       <div class="mt8">
                          <div class="">
                             <div id="PARAGRAPH_SFTR_34454ad9-6438-3155-459e-a5eb7e9be212"
                                class="paragraph PARAGRAPH_SFTR firstparagraph user-skill">
                                <div class="clearfix doc-item" id="FIELD_SKC1">
                                   <li>java</li>
                                   <li>css</li>
                                   <li>php</li>
                                   <li>js</li>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
              <span class="add_language_sections">
                 <div data-react-beautiful-dnd-draggable="0"
                    class="sortable-item section-container SortableItem-sibling data-HILT">
                    <div class="document-tool sec-tool" id="editIcons" style="right: -2px"></div>
                    <div id="SECTION_HILT0346303d-6b13-4743-99f6-baac1f94a02b"
                       class="section SECTION_HILT noparagraph has-title" data-section-cd="HILT">
                       <div class="doc-item">
                          <div class="heading">
                             <div class="sectiontitle" id="SECTIONNAME_HILT">Language
                                <span title="Rename Skills section" class="rename-section text-rename"></span>
                             </div>
                          </div>
                          <div class="mt8">
                             <div class="">
                                <div id="PARAGRAPH_HILT_0"
                                   class="paragraph PARAGRAPH_HILT firstparagraph placeholder-text">
                                   <div class="clearfix doc-item">
                                      <div class="">
                                         <span class="paddedline">
                                            <div>
                                               <li>English</li>
                                               <li>Hindi</li>
                                            </div>
                                         </span>
                                         <span class="paddedline txtRight" id="FIELD_RATT"></span>
                                      </div>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </span>
              <span class="add_software_sections">
                 <div data-react-beautiful-dnd-draggable="0"
                    class="sortable-item section-container SortableItem-sibling data-HILT">
                    <div class="document-tool sec-tool" id="editIcons" style="right: -2px"></div>
                    <div id="SECTION_HILT0346303d-6b13-4743-99f6-baac1f94a02b"
                       class="section SECTION_HILT noparagraph has-title" data-section-cd="HILT">
                       <div class="doc-item">
                          <div class="heading">
                             <div class="sectiontitle" id="SECTIONNAME_HILT">Software
                                <span title="Rename Skills section" class="rename-section text-rename"></span>
                             </div>
                          </div>
                          <div class="mt8">
                             <div class="">
                                <div id="PARAGRAPH_HILT_0"
                                   class="paragraph PARAGRAPH_HILT firstparagraph placeholder-text">
                                   <div class="clearfix doc-item">
                                      <div class="">
                                         <span class="paddedline">
                                            <div>
                                               <li>Linux</li>
                                            </div>
                                         </span>
                                         <span class="paddedline txtRight" id="FIELD_RATT"></span>
                                      </div>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </span>
              <span class="add_certification_sections">
                 <div class="section education SECTION_ACCM has-title">
                    <div class="doc-item">
                       <div class="heading">
                          <div class="sectiontitle">
                             Certificates
                          </div>
                       </div>
                       <div class="mt8">
                          <div class="">
                             <div id="PARAGRAPH_ACCM_8fd4c805-765e-cfc8-c7c6-eb7c10b663e6"
                                class="paragraph firstparagraph">
                                <div class="clearfix doc-item">
                                   <div class="">
                                      <li>alpha</li>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </span>
           </div>
           <div id="CONTAINER_2" class="right-box" style="width: 65%;">
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-EXPR">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div class="section experience multi-para has-title" data-section-cd="EXPR">
                    <div class="doc-item doc-item1">
                       <div class="heading">
                          <div class="sectiontitle profile-line" id="SECTIONNAME_EXPR">
                             Career Objective
                             <span title="Rename Work History section" class="rename-section text-rename"></span>
                          </div>
                       </div>
                       <div class="profile-sec resume-objective" id="FIELD_PROFILE">
                          <p>Your summary shows employers you’re right for their jobYour summary shows employers
                             you’re right for their job</p>
                       </div>
                    </div>
                 </div>
              </div>
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-EDUC">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_EXPR" class="section education SECTION_EDUC data-EXPR multi-para has-title"
                    data-section-cd="EDUC">
                    <div class="doc-item">
                       <div class="heading">
                          <div class="sectiontitle profile-line" id="SECTIONNAME_EDUC">
                             Professional Experience
                             <span title="Rename Education section" class="rename-section text-rename"></span>
                          </div>
                       </div>
                       <div class="sortableInner">
                          <div class="PARAGRAPH_EXPR" style="margin-top: 10px;">
                             <div class="paragraph datespara firstparagraph">
                                <div class="clearfix doc-item work-content">
                                   <div class="two-flex">
                                      <div class="left-content1">
                                         <p class="work-title" id="FIELD_JTIT">PHP Web Developer</p>
                                         <span class="paddedline locationGap txtItl" dependency="COMP|JSTA|JCIT">
                                            <span class="companyname" id="FIELD_COMP">Alphatech</span><span
                                               dependency="COMP+JCIT|JSTA">,</span>
                                            <span class="jobcity" id="FIELD_JCIT">Indore</span><span
                                               dependency="COMP+JCIT|JSTA">,</span>
                                            <span class="jobstate" id="FIELD_JSTA">India</span>
                                         </span>
                                      </div>
                                      <div class="paddedline date-content" dependency="JSTD|EDDT">
                                         <span class="jobdates work-date" id="FIELD_JSTD"
                                            format="%Y-%m">2022-02</span><span dependency="JSTD+EDDT"> - </span>
                                         <span class="jobdates" id="FIELD_EDDT" format="%Y-%m">Present</span><br
                                            dependency="JTIT|COMP|JSTA|JCIT">
                                      </div>
                                   </div>
                                   <div class="list-point1 work-description">
                                      <span class="jobline" id="FIELD_JDES">
                                         <p>Supported needs of [Number]- person wait staff who attended to specific
                                            needs of countless customers daily for [Type] restaurant with social
                                            relevancy and intentionality.</p>
                                      </span>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
              <div data-react-beautiful-dnd-draggable="3"
                 class="sortable-item section-container SortableItem-sibling data-ACCM">
                 <div class="document-tool sec-tool" id="editIcons" style="right: -24px;"></div>
                 <div id="SECTION_ACCM" class="section SECTION_ACCM has-title" data-section-cd="ACCM">
                    <div class="doc-item">
                       <div class="heading">
                          <div class="sectiontitle" id="SECTIONNAME_ACCM">
                             Accomplishments
                             <span title="Rename Certifications section" class="rename-section text-rename"></span>
                          </div>
                       </div>
                       <div class="clearfix doc-item">
                          <div class="list-point1" id="FIELD_Accom">
                             <ul>
                                <li>Tell us about your accomplishments</li>
                                <li>Tell us about your accomplishments</li>
                                <li>Tell us about your accomplishments</li>
                                <li>Tell us about your accomplishments</li>
                             </ul>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
              <span class="add_project_sections">
                 <div class="section education SECTION_ACCM has-title">
                    <div class="doc-item">
                       <div class="borderview"></div>
                       <div class="heading">
                          <div class="sectiontitle">
                             Projects
                          </div>
                       </div>
                       <div class="borderview"></div>
                       <div class="">
                          <div class="">
                             <div id="PARAGRAPH_ACCM_8fd4c805-765e-cfc8-c7c6-eb7c10b663e6"
                                class="paragraph PARAGRAPH_ACCM firstparagraph">
                                <div class="clearfix doc-item">
                                   <div class="row">
                                      <div class="col-lg-12" style="margin-top:4px">
                                         <div class="flexview">
                                            <div class="left"><strong>Alphaview</strong></div>
                                            <div class="right">30-05-2023</div>
                                         </div>
                                         <p>client requirement</p>
                                      </div>
                                   </div>
                                </div>
                             </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </span>
           </div>
        </div>
     </div>
  </div>

atul13june Jul 22, 2023
Author

@finwe any update

finwe Jul 22, 2023
Maintainer

Do you see any? If you don't, there is no update.

atul13june Jul 22, 2023
Author

this is your answer. then how can user explain our problem here .

finwe Jul 22, 2023
Maintainer

You have explained your problem. I don't have a solution.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

bullet pointer not show in mpdf preview #1906

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 8 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

bullet pointer not show in mpdf preview #1906

Uh oh!

atul13june Jul 17, 2023

Replies: 1 comment · 8 replies

Uh oh!

finwe Jul 17, 2023 Maintainer

Uh oh!

atul13june Jul 21, 2023 Author

Uh oh!

atul13june Jul 22, 2023 Author

Uh oh!

finwe Jul 22, 2023 Maintainer

Uh oh!

atul13june Jul 22, 2023 Author

Uh oh!

finwe Jul 22, 2023 Maintainer

atul13june
Jul 17, 2023

Replies: 1 comment 8 replies

finwe
Jul 17, 2023
Maintainer

atul13june Jul 21, 2023
Author

atul13june Jul 22, 2023
Author

finwe Jul 22, 2023
Maintainer

atul13june Jul 22, 2023
Author

finwe Jul 22, 2023
Maintainer