Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,459,226
Community Members
 
Community Events
176
Community Groups

Need help/examples for customized search box positioning

My end users have gotten spoiled with a customized search / help links panel that I had positioned in the upper right of the page using CSS. After our latest update to 7.19.1, it is a mess! And I don't know how to fix it, or how to start over. (CSS is not a superpower of mine -- yet.)

Before, It looked like this:

tidy_search_box.png

It is essentially a page with the livesearch macro wrapped inside an Adaptavist DIV macro, with Adaptavist CSS macro to position it in the upper right corner of the page. Simple, right?

This page was included on every page by adding the markup to the footer field like so, {include:Searchbox} .

After the update to 7.19.1, it now looks like this, the search icon is wrapping around underneath:

messed_up_search_box.png

I tried adjusting the CSS positioning (and other CSS tweaks) to no effect. I discovered that viewing the Searchbox page itself, the Livesearch macro displayed fine. It was only when it was included in the footer (or the header) via markup that the wrapping occurred. Atlassian Support could not discover the cause of the issue or how to fix it, or what CSS might be involved.

I'm willing to start from scratch to implement this feature again for my users, and we would all appreciate your recommendations or examples very much. (Yes, we do have "search only this space" in the sidebar, but the upper right search box is a VERY popular feature and I would like to see it displaying correctly again.)

0 answers

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events