This is an archived forum post. The information may be outdated. Contact us if you have any questions.

Laotian language text does show correctly in PDF

anishbhanwala wrote on 2015-11-26:
Text in Laotian language in not showing correctly when I convert HTML to PDF. Can someone please help me with it. Please find the HTML below:



<!doctype html>
<html   class="SurveyRunBackground" style=" ">

<head>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <!-- The fav icon -->

    <link rel="shortcut icon" href="/images/logo/favicon.ico"/>
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/logo/favicon/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/logo/favicon/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/logo/favicon/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/logo/favicon/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/images/logo/favicon/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/logo/favicon/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/logo/favicon/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/logo/favicon/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="/images/logo/favicon/favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="/images/logo/favicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="/images/logo/favicon/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="/images/logo/favicon/favicon-16x16.png" sizes="16x16" />
    <link rel="icon" type="image/png" href="/images/logo/favicon/favicon-128.png" sizes="128x128" />
    <meta name="application-name" content="QuestionPro Online | online surveys, polls & forms and more"/>
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta name="msapplication-TileImage" content="/images/logo/favicon/mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="/images/logo/favicon/mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="/images/logo/favicon/mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="/images/logo/favicon/mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="/images/logo/favicon/mstile-310x310.png" />

    <title>bug | Online Survey Software</title>

    <meta property="og:title" content="bug | Online Survey Software"/>
    <meta property="og:site_name" content="QuestionPro Online Surveys Made Easy"/>
    <meta property="og:type" content="survey"/>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="/javascript/global.js?version=9.5"></script>
    <script src="/javascript/panel/bootstrap-3.1/bootstrap.modal.only.min.js"></script>
    <script src="/javascript/swfobject-2.1.js"></script>
    <script src="/javascript/flowplayer-3.2.11.min.js"></script>
    <script src="/javascript/2013/spin.js"></script>

    <link rel="stylesheet" type="text/css" href="/stylesheets/panel/bootstrap-3.1/bootstrap.modal.only.css">
    <link rel="stylesheet" type="text/css" id="bs-css" href="/stylesheets/2013/bootstrap-classic.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/2013/porterpopup.css?version=9.5"/>
    <script type="text/javascript" src="/javascript/2013/jquery-ui.min-1.9.2.js"></script>
    <script type="text/javascript" src="/javascript/jquery/jquery.ui.touch-punch.min.js"></script>
    <link type="text/css" href="/stylesheets/2013/jquery-ui-1.8.21.custom.css" rel="stylesheet">
    <link type="text/css" href="/stylesheets/legacy/searchBox.css" rel="stylesheet">

    <script type="text/javascript" src="/javascript/2013/phototagger.jquery.js"></script>
    <script type="text/javascript" src="/javascript/2013/phototagger.jquery.hs.js"></script>
    <link rel="stylesheet" type="text/css" href="/stylesheets/common.css?version=9.5"/>

    <link rel="stylesheet" type="text/css" href="/stylesheets/v1-bold.css?version=9.5">
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="/stylesheets/position-fixed.css" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

</head>

<body class="SurveyRunBody">

<div class="SurveyTop">
</div>

<script>
    isOutside = true;
</script>

<!-- Configurable width table that wraps the survey content -->

<table width="930" align="center" cellpadding="0" cellspacing="0" class=" newSurveyContainerTablePadding printTableWidth  newSurveyContainerTable">
    <tr>
        <td valign="top">

            <table width="930" align="center" cellpadding="0" cellspacing="0">

                <tr>
                    <td class="SurveyContent SurveyContentNew" id="SurveyContent">

                        <link rel="stylesheet" type="text/css" href="/stylesheets/sitestyle.css?version=6">
                        <link rel="stylesheet" type="text/css" href="/stylesheets/common.css?version=6">


                        <div class="SurveySectionHeading" style="margin-top:30px">&nbsp;
                            Survey: bug
                        </div>
                        <table width="100%" align="center">
                            <tr>
                                <td>

                                    <table width="100%">
                                        <tr>
                                            <td></td>
                                            <td class="SurveyHeader">
                                                <!-- Enter In Your Header Here -->
                                            </td>
                                            <td></td>
                                        </tr>


                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>
                                                <a name="44232333" style="text-decoration:none; position: absolute;"> &nbsp; </a><input type="hidden" name="ts_5"><table width="100%" cellpadding="0" cellspacing="0" >
                                                <tr><td style='height:23px;'>&nbsp;</td></tr>
                                                <tr><td><table cellpadding="0" cellspacing="0" width="100%"><tr><td   class="QuestionText"  >???? ?????????? ??????? ????????</td></tr></table></td></tr><tr><td class="QuestionError"></td></tr>
                                                <TR><TD COLSPAN="3"><TABLE WIDTH="100%" cellpadding="0" cellspacing="0"><TR><TD class="AnswerText">
                                                    <div style="float: left;padding: 5px 0px 6px 6px; z-index: 10;">
                                                        <INPUT TYPE="RADIO" NAME="u_44232333"   VALUE="226272396"   style="position:relative;z-index:10;"  id="226272396ID"  onclick="processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333); if (this.checked){   assignClass('AnswerRow_226272396','AnswerText OptionHighlight allRoundCorners'); } else {  }" > &nbsp;
                                                    </div>

                                                    <div id="AnswerRow_226272396"  style="margin-bottom:5px;z-index: 5;cursor: pointer; cursor: hand;padding: 7px;"  CLASS="AnswerText"  onMouseOver="var checkbox=document.getElementById('226272396ID'); if(!checkbox.checked){assignClass(this.id,'OptionHover allRoundCorners AnswerText');}"  onMouseOut="var checkbox=document.getElementById('226272396ID'); if(!checkbox.checked){assignClass(this.id,'AnswerText');}"  onclick="var checkbox=document.getElementById('226272396ID'); checkbox.checked=!checkbox.checked;if (checkbox.checked){processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333);assignClass(this.id,'AnswerText OptionHighlight allRoundCorners'); } else { }">
                                                        <div style="margin-left:20px;">
                                                            Weekly????
                                                        </div>
                                                    </div></TD></TR><TR><TD class="AnswerText">
                                                    <div style="float: left;padding: 5px 0px 6px 6px; z-index: 10;">
                                                        <INPUT TYPE="RADIO" NAME="u_44232333"   VALUE="226272397"   style="position:relative;z-index:10;"  id="226272397ID"  onclick="processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333); if (this.checked){   assignClass('AnswerRow_226272397','AnswerText OptionHighlight allRoundCorners'); } else {  }" > &nbsp;
                                                    </div>

                                                    <div id="AnswerRow_226272397"  style="margin-bottom:5px;z-index: 5;cursor: pointer; cursor: hand;padding: 7px;"  CLASS="AnswerText"  onMouseOver="var checkbox=document.getElementById('226272397ID'); if(!checkbox.checked){assignClass(this.id,'OptionHover allRoundCorners AnswerText');}"  onMouseOut="var checkbox=document.getElementById('226272397ID'); if(!checkbox.checked){assignClass(this.id,'AnswerText');}"  onclick="var checkbox=document.getElementById('226272397ID'); checkbox.checked=!checkbox.checked;if (checkbox.checked){processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333);assignClass(this.id,'AnswerText OptionHighlight allRoundCorners'); } else { }">
                                                        <div style="margin-left:20px;">
                                                            Monthly????????
                                                        </div>
                                                    </div></TD></TR><TR><TD class="AnswerText">
                                                    <div style="float: left;padding: 5px 0px 6px 6px; z-index: 10;">
                                                        <INPUT TYPE="RADIO" NAME="u_44232333"   VALUE="226272398"   style="position:relative;z-index:10;"  id="226272398ID"  onclick="processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333); if (this.checked){   assignClass('AnswerRow_226272398','AnswerText OptionHighlight allRoundCorners'); } else {  }" > &nbsp;
                                                    </div>

                                                    <div id="AnswerRow_226272398"  style="margin-bottom:5px;z-index: 5;cursor: pointer; cursor: hand;padding: 7px;"  CLASS="AnswerText"  onMouseOver="var checkbox=document.getElementById('226272398ID'); if(!checkbox.checked){assignClass(this.id,'OptionHover allRoundCorners AnswerText');}"  onMouseOut="var checkbox=document.getElementById('226272398ID'); if(!checkbox.checked){assignClass(this.id,'AnswerText');}"  onclick="var checkbox=document.getElementById('226272398ID'); checkbox.checked=!checkbox.checked;if (checkbox.checked){processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333);assignClass(this.id,'AnswerText OptionHighlight allRoundCorners'); } else { }">
                                                        <div style="margin-left:20px;">
                                                            Quarterly
                                                        </div>
                                                    </div></TD></TR><TR><TD class="AnswerText">
                                                    <div style="float: left;padding: 5px 0px 6px 6px; z-index: 10;">
                                                        <INPUT TYPE="RADIO" NAME="u_44232333"   VALUE="226272399"   style="position:relative;z-index:10;"  id="226272399ID"  onclick="processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333); if (this.checked){   assignClass('AnswerRow_226272399','AnswerText OptionHighlight allRoundCorners'); } else {  }" > &nbsp;
                                                    </div>

                                                    <div id="AnswerRow_226272399"  style="margin-bottom:5px;z-index: 5;cursor: pointer; cursor: hand;padding: 7px;"  CLASS="AnswerText"  onMouseOver="var checkbox=document.getElementById('226272399ID'); if(!checkbox.checked){assignClass(this.id,'OptionHover allRoundCorners AnswerText');}"  onMouseOut="var checkbox=document.getElementById('226272399ID'); if(!checkbox.checked){assignClass(this.id,'AnswerText');}"  onclick="var checkbox=document.getElementById('226272399ID'); checkbox.checked=!checkbox.checked;if (checkbox.checked){processElements(ANSWERS_44232333,  PROCESSOR_ANSWERTEXT_44232333);assignClass(this.id,'AnswerText OptionHighlight allRoundCorners'); } else { }">
                                                        <div style="margin-left:20px;">
                                                            Annually
                                                        </div>
                                                    </div></TD></TR>

                                                    <script>
                                                        var ANSWERS_44232333 = new Array(document.getElementById('AnswerRow_226272396'),document.getElementById('AnswerRow_226272397'),document.getElementById('AnswerRow_226272398'),document.getElementById('AnswerRow_226272399'));
                                                        var PROCESSOR_ANSWERTEXT_44232333 = function (ele) {ele.className='AnswerText';
                                                        };
                                                        $(function(){highlightDefaultSelect(ANSWERS_44232333);});
                                                    </script>
                                                </TABLE></TD></TR></table>
                                            </td>
                                            <td>&nbsp;</td>
                                        </tr>




                                        <TR >
                                            <TD COLSPAN="3" ALIGN="RIGHT">
                                                <div class="SurveyDivider">&nbsp;</div>
                                            </TD>
                                        </TR>



                                        <tr>
                                            <td></td>
                                            <td CLASS="SurveyFooter">

                                            </TD>
                                            <td></td>
                                        </tr>
                                    </table>


                                    <script language="javascript">print();</script>

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <div id="footerTable" style=" bottom: 0px; left: 0px; width: 100%;z-index:100;">
                <table align="center" width="100%" cellpadding="0" cellspacing="0" class=" newSurveyFooterTable">
                    <tr>
                        <td align="left" width="25%"></td>
                        <td align="center" width="50%">
                
                
                            <span id="footerTextID" style="font-family:'Droid Sans',sans-serif; font-size:9pt; color:#32383A;">
                                <span style="position:relative;top:1px">Web Surveys</span>
                                <a href="http://entadmin.questionpro.com/survey-software.html?utmcsr=QuestionPro&utmcmd=surveyfooter&utmcct=1787951&utmccn=SAsurveys&classID=108" title="QuestionPro Survey Software" style="text-decoration:none;">
                                    <span style="position:relative;top:1px;">Powered by</span>&nbsp;
                                    <img src="/images/qp-small-logo.png" alt="QuestionPro Survey Software">
                                </a>
                            </span>
                            <script>
                                $("span#footerTextID").find('a').each(function() {
                                    var _href = $(this).attr("href");
                                    $(this).attr("href", _href + '?utmcsr=QuestionPro&utmcmd=surveyfooter&utmcct=1787951&utmccn=SAsurveys&classID=108');
                                    $(this).css('color', '#32383A');
                                });
                            </script>
                        </td>

                        <td align="right" width="25%"></td>
                    </tr>
                </table>

            </div>

            <div class="shadowedBox" id="shadowedBoxMini" style="display: none;">

                <table border="0" cellpadding="0" cellspacing="0">
                    <tr valign="top">
                        <td class="drop a"></td>
                        <td class="drop b"></td>
                        <td class="drop c"></td>
                        <td class="drop d"></td>
                        <td class="drop e"></td>
                    </tr>
                </table>

                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;">

                    <tr valign="top">
                        <td class="drop p">
                            <div>&nbsp;</div>
                        </td>
                        <td class="shadowedBoxBodyMini" rowspan="3" id="shadowedBoxIDMini">
                            <div class="clearBoth"></div>
                            <div id="shadowedBoxBodyMini" style="overflow-y: auto;">
                            </div>
                        </td>
                        <td class="drop f">
                            <div class="closeButton" style="margin-top: -10px;margin-left: -10px;">
                                <a class="iconLink" href="javascript:closeInlinePopup('shadowedBoxMini')"><img alt="Close Window" class="iconLink" src="/images/app/close-icon.png" border="0"></a>
                            </div>
                        </td>
                    </tr>

                    <tr valign="top">
                        <td class="drop o">
                            <div>&nbsp;</div>
                        </td>
                        <td class="drop g">
                            <div>&nbsp;</div>
                        </td>
                    </tr>

                    <tr valign="top">
                        <td class="drop n">
                            <div>&nbsp;</div>
                        </td>
                        <td class="drop h">
                            <div>&nbsp;</div>
                        </td>
                    </tr>

                </table>

                <table border="0" cellpadding="0" cellspacing="0">
                    <tr valign="top">
                        <td class="drop m"></td>
                        <td class="drop l"></td>
                        <td class="drop k "></td>
                        <td class="drop j"></td>
                        <td class="drop i"></td>
                    </tr>
                </table>

            </div>

            <table bgcolor="#ffffff"  border="0" cellpadding="0" cellspacing="0" style="display:none;">

                <!-- Content | Right DS -->
                <tr>
                    <td valign="top">
                        <div id="contentEnclosingDivID" style="position: absolute; background-color: #ffffff; display:none;z-index:2;" >

                            <!-- ContentTable -->
                            <table id="contentTableID" class="simpleBorder" style="height:300;width:500;" border="0" cellpadding="0" cellspacing="0">
                                <!-- close popup row -->
                                <tr>
                                    <td align="right" valign="top">
                                        <a href="javascript:closeLiteInlinePopup();">Close</a>
                                    </td>
                                </tr>
                                <!-- Content Row -->
                                <tr>
                                    <td valign="top">
                                        <div id="contentDivID"></div>
                                    </td>
                                </tr>
                            </table>
                            <!-- End Content Table -->

                        </div>
                    </td>

                    <!-- Right DS -->
                    <td width="10" valign="top" height="100%">
                        <div id="rightShadowDivID" class="transparent" style="position:absolute;display:none;width:10;none;z-index:1;">
                        </div>
                    </td>
                </tr>

                <tr>
                    <td colspan="2">
                        <div id="bottomShadowDivID" class="transparent" style="position:absolute;display:none;height:10;display:none;z-index:1;">
                        </div>
                    </td>
                </tr>

            </table>
        </td>
    </tr>
</table>

</body>
</html>




support wrote on 2015-11-27:
Hello,

I couldn't reproduce the problem. If you can post a simple minimal HTML example (a few lines of code, no javascript, etc.) that demonstrates the issue, we will look into it.
anishbhanwala wrote on 2015-11-27:
Thanks for looking into it. I just checked the HTML code I pasted and in it the Laotian language text got converted to question mark symbol (???).

Please use this link to convert URL to PDF.
http://entadmin.questionpro.com/a/TakeSurvey?ext_ref=test_response&id=4364352

Also this screenshot may help: http://screencast.com/t/eK7eB12sD
support wrote on 2015-11-30:
Hello,

Our system does not support complex scripts (such as Lao), sorry.
anishbhanwala wrote on 2015-12-01:
Oh :( ....Thanks for the help.