Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Text-wrap around image snapping to corner rather than centering

Beth August 14, 2020

I'm a fairly new Space admin, trying to get my new page to look decent (in Cloud)... I have a search box in a column, and I'm trying to add a logo to the area.  It worked great the first try, and when I made an edit, it refuses to cooperate again.

I can see that the text wrap doesn't consider the search field macro very well in its placement math, but that doesn't explain to me why the logo repeatedly wraps in a different position.

My edit view, looks great:
edit.PNG

 

My published view, awful:

published.PNG

I have tried adding additional lines of text above and below, and the image snaps to the top corner every time.

Any recommendations?

--

ETA:
The behavior changes completely if I switch my text back to left-justified, with the logo on either side:

  • left justify.PNGleft justify.PNG
  • left justify2.PNG

It's not how I intended this field to look, but it is at least better than the first option, so I'll work it it for the moment.  Would still love any recommendations to fix it the way I originally intended...

1 answer

0 votes
Diego
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
August 17, 2020

Hello @Beth !
After doing some tests, I was able to keep both the text and the image on the left side of my page.

What I did was use the “left sidebar” layout and kept my text right aligned.

This works because the text is now left aligned relative to the layout column but stays on the right side of the page because it was placed inside the right column.

 

Here is what it looks like when in edit mode:

Screen Shot 2020-08-17 at 13.31.46.png

And here is what it looks like in view mode:

Screen Shot 2020-08-17 at 13.33.35.png

I hope this looks closer to what you need!

I believe that what you need to achieve is closely related to this report, which was closed by Atlassian since they do not intend to implement the feature:

Let us hear from you.

Beth August 18, 2020

Thanks Diego.  I'm already using the right sidebar layout here, as the search bar in in the left section with "recently updated" docs in the right, so that won't work for this particular space. 

(If I leave Search at the top by itself, I have too much yawning empty space and page that runs ridiculously long with homepage content.)

Since I got the textwrap to center vertically by forcing left justification, I just worked the rest of the section layout around it.  It's still a little awkward with the abundant whitespace and centering, but it works for now.  

final view left side.PNG

That closed request would have helped a lot; looking forward to a new version of the same request bubbling up someday.  In the meantime, limitations like this just drive the design of the rest of the space rather than working within it...

Thanks again!

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
TAGS
AUG Leaders

Atlassian Community Events