Inkscape.org
Beginners' Questions Text moves to left on export to SVG even when I use centre-align
  1. #1
    lucy123 lucy123 @lucy123
    *

    Hello community, I hope someone can help me here. I'm a new user and need to create a certificate with live text as placeholders so other people can edit certain fields such as name, date etc.ย 

    I have created the certificate, selected all the text boxes (with centre-aligned text inside) and chosen 'align to centre'. However every time I export, it ends up with the text leaping over to the left of the page.ย 

    Many people respond by saying 'convert it to outlines' in every forum I find, but I need it to be live text.ย 

    I've tried grouping the text boxes, putting the text fields in rectangles with flow text, editing the XML with 'middle text anchor', and more. Every time, the text will move.ย 

    Thank you in advance! I hope I have explained the problem clearly.ย 

  2. #2
    Tyler Durden Tyler Durden @TylerDurdenโš–

    How are you "exporting"?ย  (To what file format.)

    What operating system and Inkscape version?

    An example file would be most helpful, DM me if you prefer to share it privately.

  3. #3
    lucy123 lucy123 @lucy123

    Hi Tyler,ย 

    I'm exporting to SVG, using Mac OS and Inkscape 1.0.1

    I'll send you a DM with the file. Thank you for your quick reply!

  4. #4
    Tyler Durden Tyler Durden @TylerDurdenโš–

    You can click on my Avatar-picture and send me a direct message (DM) with a linkย to your file on dropbox or google drive (or ask for an email address if you don't have drive or dropbox).ย 

  5. #5
    Tyler Durden Tyler Durden @TylerDurdenโš–

    Got it.ย 

    The text in each line was justified to the left. Using the text-tool control to make each line center justified seems to work here. (Inkscape 1.01 on Linux.)

    Example shown is a PDF export of the svg (presuming the end-user will print).

    Certificatealigned
  6. #6
    lucy123 lucy123 @lucy123

    Hi Tyler! Sorry, it looks like it works just fine when it's within inkscape, but once you open the SVG in your browser, you'll see the text jumps to the left :( the SVG is intended for use online where the text {{like this}} works as a placeholder.ย 

    Sorry if I didn't explain that well.ย 

  7. #7
    Tyler Durden Tyler Durden @TylerDurdenโš–

    No problemo, I presumed it would be printed. I get it now.

    I can't declare generally what best practice is in the new text-handling, but I offer a workaround for this document:

    • I'd duplicate a text object and use Text>unflow. The text will jump far off the page and un-wrap.ย 
    • I'd manually insert line breaks, and put the new text where the original text was located (delete the original text).

    That seems to work in a browser here.

    ย 

  8. #8
    lucy123 lucy123 @lucy123
    ๐Ÿ‘

    Hi Tyler, thank you so much - it worked! I had tried clicking 'unflow' before and nothing had happened, so the key was definitely duplicating the object first. Now the text stays put when I open it in my browser and use the placeholders.ย 

    I really appreciate your help Tyler, and hope this forum will be useful for anyone who encounters a similar problem. Have a great dayย ๐Ÿ˜Š

  9. #9
    thehei thehei @thehei

    Hi, I just had the exact same problem. But I can not find how to set text > unflow. Is it perhaps "Responsive Resize" or "Fix Position When Scrolling"?
    Thanks!

  10. #10
    Polygon Polygon @Polygonโš–๐ŸŒถ

    Youยดll find "Unflow" in the Text menu.

Inkscape Inkscape.org Inkscape Forum Beginners' Questions Text moves to left on export to SVG even when I use centre-align