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 <cbur...@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 <stomp...@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 < >> lflo...@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 >>> lflo...@library.in.gov >>> ------------------------------ >>> *From:* Open-ils-general < >>> open-ils-general-boun...@list.georgialibraries.org> on behalf of Josh >>> Stompro <stomp...@gsuite.larl.org> >>> *Sent:* Thursday, October 24, 2019 4:18 PM >>> *To:* Evergreen Discussion Group < >>> open-ils-general@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 cbur...@nflibrary.ca <cd...@nflibrary.ca> > <https://my.nflibrary.ca> > -- Josh Stompro - IT Director Lake Agassiz Regional Library Desk: 218-233-3757 Ext 139 Cell: 218-790-2110