title: Kendo Export To PDF Unicode Support
body: <p>I have been trying to incorporate languages dynamically into the Kendo controls, and have run into a issue with Chinese translations which are stored as a list of Unicodes in Sql Server Database.</p>
  
  <h2>Translations stored in the Database</h2>
  
  <p><a href="https://i.stack.imgur.com/0Ysyl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0Ysyl.png" alt="Chinese translations stored in DB as unicode"></a></p>
  
  <hr>
  
  <p>It didn't take long to get the Kendo Grid up and running to display these Unicodes in Chinese, through the use of the column <code>template</code> attribute:</p>
  
  <pre><code>template: '#= Translation #'
  </code></pre>
  
  <h2>Kendo Grid Displaying Translations</h2>
  
  <p><a href="https://i.stack.imgur.com/YNQ9V.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YNQ9V.png" alt="Grid displaying transformed Unicode in Chinese"></a></p>
  
  <hr>
  
  <p>The issue I am having is with the Excel/PDF exports. They do not render the Unicode values, in the same way that the Kendo Grid does through the use of the <code>template</code>. Instead they display default font characters:</p>
  
  <h2>PDF Export</h2>
  
  <p><a href="https://i.stack.imgur.com/wBifo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wBifo.png" alt="Current export to PDF with missing translations"></a></p>
  
  <h2>CSV Export</h2>
  
  <p><a href="https://i.stack.imgur.com/kQTDD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kQTDD.png" alt="Current export to Excel displaying unicode instead of translation"></a></p>
  
  <hr>
  
  <p>I have tried the following solutions following research on the issue, to no avail:</p>
  
  <ul>
  <li><p>Setting the font family of the grid control following <a href="http://docs.telerik.com/kendo-ui/framework/drawing/drawing-dom#configuration-Custom" rel="noreferrer">this recommendation</a>; (which I don't particularly want to do as a matter of consistency with the rest of the site nor do I understand why this would work as the actual Kendo Grid itself is displaying the Chinese characters perfectly):</p>
  
  <pre><code>.k-widget {
      font-family: 'Arial Unicode MS';
  }
  </code></pre></li>
  </ul>
  
  <hr>
  
  <ul>
  <li><p>Setting the column <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.encoded" rel="noreferrer"><code>encoded</code></a> attribute to true:</p>
  
  <pre><code>{ field: "AnalyteName", title: "Analyte", attributes: { "class": "customKendoGridCell"}, width: "25%", encoded: true, template: '#= TranslationField #' },
  </code></pre></li>
  </ul>
  
  <hr>
  
  <ul>
  <li><p>Using <a href="http://docs.telerik.com/kendo-ui/framework/templates/overview#render-html-encoded-values" rel="noreferrer"><code>kendo.template</code></a>:</p>
  
  <blockquote>
    <p>If you want to render an encoded HTML value in a template, Kendo UI templates can automatically handle the encoding. </p>
  </blockquote>
  
  <pre><code>template: '#=setFieldName(TranslationField)#'
  
  function setFieldName(TranslationField) {
      return kendo.template("&lt;div id='box'&gt;#: TranslationField #&lt;/div&gt;");
  }
  </code></pre></li>
  </ul>
  
  <p>This appears to display the entire function instead of just the field, perhaps <code>kendo.template</code> needs to be used differently in the context of a Kendo Grid column?</p>
  
  <p><a href="https://i.stack.imgur.com/WE6xP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WE6xP.png" alt="Columns displaying kendo template approach"></a></p>
  
  <p>I have made a <a href="http://dojo.telerik.com/icudo/5" rel="noreferrer">Dojo example</a> to demonstrate the issue with the PDF export.</p>