Kendo-ui-core: Unordered List(ul) are not correctly exported to PDF

[simonssspirit]

Bug report

Unordered List(ul) are not correctly exported to PDF. The default options disc, circle and square are exported with different figures or not visible at all.

Reproduction of the problem

The issue can be produced in the following Dojo, the Dojo is based on our demo example: http://dojo.telerik.com/iMatu.

The disc ul in Dojo:

The disc ul in PDF:

The square ul in Dojo:

The square ul in Adobe PDF:

The square ul in Edge PDF:

---

The circle ul in Dojo:

The circle ul in Adobe PDF:

The circle ul in Edge PDF:

Environment

• Browser: all

[mishoo]

We use characters from "DejaVu Serif" font to render the bullets. Normally this won't be a problem; if the CSS file is hosted on the same domain, we can find the font in the @font-face rules, but on the Dojo pages we have to declare it: http://dojo.telerik.com/iMatu/2

Leaving this issue open though. At some point it would be good to either render list bullets with drawing primitives, or attempt to use PDF built-in font Zapf Dingbats — any of these would mitigate the need for DejaVu Serif.

[vikyaiyer]

I have a alternative fix for this issue, write custom CSS class to display bullets and apply the class list-view to ul tag.

ul.list-view{
      list-style-type: none;
}
ul.list-view li{
      display: flex;
}
ul.list-view li::before{
       content: "";
       width: 3px;
       height: 3px;
       border: 3px solid black !important;
       border-radius: 50%;
       margin: 7px 5px 0 0;
}

[park-junha]

I have a alternative fix for this issue, write custom CSS class to display bullets and apply the class list-view to ul tag.

ul.list-view{
      list-style-type: none;
}
ul.list-view li{
      display: flex;
}
ul.list-view li::before{
       content: "";
       width: 3px;
       height: 3px;
       border: 3px solid black !important;
       border-radius: 50%;
       margin: 7px 5px 0 0;
}

This doesn't work for nested bulleted lists.