[OPEN-ILS-GENERAL] Printing vertical rotated text through hatch

[Josh Stompro]

Thanks Chris, that is much easier than rotating each letter, and works fine
with hatch.

The following gives me what I was looking for.
<div style="font-size: 33pt; font-weight: bold; width: 45px; margin-left:
-48px; overflow-wrap: break-word; text-transform: uppercase;
transform:rotate(270deg);transform-origin:top right; line-height:.9em;
text-align: right">
{{patron.family_name | limitTo:4}}{{patron.first_given_name |
limitTo:1}}{{patron.card.barcode | limitTo:2:-2}}
</div>

This is for a hold slip that sticks out on the side for a self service
holds shelf.
[image: image.png]



On Mon, Oct 28, 2019 at 2:23 PM Chris Burton <cburton at nflibrary.ca> wrote:

> <div style="font-size: 40pt; font-wieght: bold; width: 45px; margin-left:
> 120px; overflow-wrap: break-word; text-transform: uppercase;">
>   </div>
>
> We Use this div for our vertical text. We basically inflate the size to
> have 1 character take the full width and use 'overflow-wrap: break-word' to
> allow the characters to break off. It isn't pretty, but it works for us! We
> print our Hold Shelf Slips daily with it.
>
> On Mon, 28 Oct 2019 at 14:47, Josh Stompro <stomproj at gsuite.larl.org>
> wrote:
>
>> Thanks Lynn,   It seems to be specifically the " text-orientation:
>> upright" that doesn't work through hatch.  When I add that to your
>> template, the preview looks like it takes effect.  But when printed through
>> hatch, that css is ignored.  While printing with hatch turned off does
>> print correctly.
>>
>> Josh
>>
>> Josh
>>
>>
>> On Thu, Oct 24, 2019 at 3:39 PM Floyd, Angelia Lynn <
>> LFloyd1 at library.in.gov> wrote:
>>
>>> Check out my receipts in my git hub:
>>> https://github.com/alynn26/Evergreen-Receipts
>>>
>>> The hold_shelf_slip_vertical.html
>>> <https://github.com/alynn26/Evergreen-Receipts/blob/master/hold_shelf_slip_vertical.html> has
>>> the Vertical hold slip printing in hatch, I know this because I tested it
>>> in Hatch with a receipt printer.
>>>
>>> This is the div I used: <div style="writing-mode: vertical-rl;
>>> text-orientation: mixed; float:right;">
>>>
>>>
>>> -----------------------------
>>> Lynn Floyd
>>> MIS Supervisor
>>> Indiana State Library
>>> https://www.in.gov/library/
>>> 315 W Ohio St
>>> Indianapolis, IN 46202
>>> 317-232-3290
>>> lfloyd1 at library.in.gov
>>> ------------------------------
>>> *From:* Open-ils-general <
>>> open-ils-general-bounces at list.georgialibraries.org> on behalf of Josh
>>> Stompro <stomproj at gsuite.larl.org>
>>> *Sent:* Thursday, October 24, 2019 4:18 PM
>>> *To:* Evergreen Discussion Group <
>>> open-ils-general at list.georgialibraries.org>
>>> *Subject:* [OPEN-ILS-GENERAL] Printing vertical rotated text through
>>> hatch
>>>
>>> **** This is an EXTERNAL email. Exercise caution. DO NOT open
>>> attachments or click links from unknown senders or unexpected email. ****
>>> ------------------------------
>>> Hello, We just upgraded from 2.10 to 3.3 last weekend, and we are
>>> currently working through all our documentation to get ready to switch to
>>> the web client.
>>>
>>> I'm working on setting up our receipt templates for transit and hold
>>> slips.  And I'm noticing when I try to use the css "text-orientation:
>>> upright ; writing-mode: vertical-rl;" to create vertical stacked text, it
>>> is just ignored when printing, but only when I'm printing through hatch.
>>> If I use browser printing, it works fine.
>>>
>>> So is hatch rendering the print jobs when it is used?  And is there a
>>> list of what CSS it doesn't support?
>>>
>>> Josh
>>>
>>> --
>>> Josh Stompro - IT Director
>>> Lake Agassiz Regional Library
>>> Desk: 218-233-3757 Ext 139
>>> Cell: 218-790-2110
>>>
>>
>>
>> --
>> Josh Stompro - IT Director
>> Lake Agassiz Regional Library
>> Desk: 218-233-3757 Ext 139
>> Cell: 218-790-2110
>>
>
>
> --
> Chris Burton
> Computer Programmer Analyst
>
> *Technology Associate @*
> *Niagara Falls Public Library*
> 4848 Victoria Avenue, Niagara Falls, ON  L2E 4C5
> Tel 905-356-8080 x 267 cburton at nflibrary.ca <cdunn at nflibrary.ca>
> <https://my.nflibrary.ca>
>


-- 
Josh Stompro - IT Director
Lake Agassiz Regional Library
Desk: 218-233-3757 Ext 139
Cell: 218-790-2110
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://libmail.georgialibraries.org/pipermail/open-ils-general/attachments/20191029/f87ced74/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 14605 bytes
Desc: not available
URL: <http://libmail.georgialibraries.org/pipermail/open-ils-general/attachments/20191029/f87ced74/attachment-0001.png>