SLIM add space at start of multi line

Question

I am trying to add a space to the start of my slim template where I have had to break the text due to a link, I cant for the life of me work this one out

.mdl-cell.mdl-cell--4-col-phone.mdl-cell--8-col-tablet.mdl-cell--12-col-desktop
  | Don't have an account?
  = link_to 'Create one here.', sign_up_path

no before the Create One here so that the text will be in 1 line "Don't have an account? Create one here" — Boss Nass, Aug 14 '16 at 09:47
Try ' on new line between | Don't have an account? and = link_to — Sergey Sokolov, Aug 14 '16 at 09:58

score 19 · Accepted Answer · answered Aug 15 '16 at 09:11

19

found after some deeper research that the slim way is to use > so the new code is, which forced whitespace at the end of the first line

span> Don't have an account? 
= link_to 'Create one here.', sign_up_path

answered Aug 15 '16 at 09:11

Boss Nass

3,384
9
48
90

'Deeper'? This is like one of the first things you will see on Slim's Github readme :D – mzrnsh Jul 14 '17 at 22:44
1

maybe it is now 3 years after the question was raised – Boss Nass Dec 15 '21 at 12:32
Sorry, I was probably in a snarky mood when I commented back in 2017 :/ Thanks for spreading the knowledge – mzrnsh Dec 15 '21 at 16:03
You can also do `=< link_to ...`. `<` and/or `>` can be added to tags or `=` to add space before and/or after the content. – PhilT Jan 12 '22 at 11:05

Breno Perucchi · Answer 2 · 2017-07-11T16:33:13.437

13

with a simple quote ' the slim add a space

.mdl-cell.mdl-cell--4-col-phone.mdl-cell--8-col-tablet.mdl-cell--12-col-desktop
  | Don't have an account?
  '
  = link_to 'Create one here.', sign_up_path

edited Jul 11 '17 at 16:33

answered Aug 14 '16 at 11:34

Breno Perucchi

873
7
16

ended up adding span in front of the first line with `>` – Boss Nass Aug 15 '16 at 09:10
I fix my code now. But you have tried with this code? – Breno Perucchi Aug 15 '16 at 09:18
this also worked seems we have 3 ways of solving the problem, none of which reduce the amount of code – Boss Nass Aug 15 '16 at 09:25
It seems so. I use this way because saw it in the slim doc http://www.rubydoc.info/gems/slim/frames#Verbatim_text_with_trailing_white_space__ – Breno Perucchi Aug 15 '16 at 09:37

Michał Zalewski · Answer 3 · 2016-08-17T21:02:48.967

3

You can use   to add space between html elements:

.mdl-cell.mdl-cell--4-col-phone.mdl-cell--8-col-tablet.mdl-cell--12-col-desktop
| Don't have an account?&nbsp;
= link_to 'Create one here.', sign_up_path

edited Aug 17 '16 at 21:02

answered Aug 14 '16 at 09:41

Michał Zalewski

3,123
2
24
37

1

this is a bit messy, isnt their a more elegant way of achieving this – Boss Nass Aug 14 '16 at 09:46
You need `|\ ` instead of `| ` – Arup Rakshit Aug 14 '16 at 09:58
this just seems so messy, and i thought the purpose of slim was to reduce the number of lines of code. this now makes this file more lines than haml for the same code – Boss Nass Aug 14 '16 at 10:10
1

@ArupRakshit Why backslash is needed? I always use | You can attach at the end of text: "Don't have an account? ". I looking for another solution when I started with Slim, but I found nothing. – Michał Zalewski Aug 14 '16 at 12:21
after a few hours googling, another method i came across was `span> Don't have an account? = link_to 'Create one here.', sign_up_path` – Boss Nass Aug 14 '16 at 12:44
I have had the same problems. I am glad this question was asked. I crigne everytime I have to deal with spaces in slim. Apparently there is a git issue thread on this, they keep adding this space fix. – Abhishek Dujari Aug 15 '16 at 14:42

score 1 · Answer 4 · answered Aug 15 '16 at 13:20

1

If you have a space after | Don't have an account?, it will be honored. Perhaps your text editor is set to remove all trailing whitespace.

If that's the case, then the cleanest approach is to simply use | Don't have an account? .

answered Aug 15 '16 at 13:20

jeffdill2

3,968
2
30
47

SLIM add space at start of multi line

4 Answers4