CMS 2 and search SVG settings

[jwDave (Dave)]

This is great, but I am struggling with the SVG component. I add the search and it searches just fine, but I cannot get the the search results to be a link to the relevant post, it just shows as a result and is not selectable. I guess it is to do with the SVG component shown in the @Ben video and the link it is set to but cannot get this to work. Help would be appreciated.

[dan]

You’ll need to link the items using this syntax: {{item.url}}

You can also check the doc for more syntax here:

Designing the result template - Search | CMS | RapidWeaver Elements Docs

Let me know if you’re still stuck, and we can help further

[jwDave (Dave)]

Thanks Dan, Yes I used the syntax {{item.title}} and search works fine, it just that I cannot select anything in the list that the search reveals, they are not selectable. I just wondered if it was anything to do with the SVG component that Ben has in his video below the Text component? If it is I do not know how to configure this?

[ben]

Sounds like it could be a layering issue that needs the z-index adjusting. Hard to tell from your screenshot, but if you can’t click or select the text it could the z-index!

[dan]

Certainly sounds like a z-index issue, you can change this under Layout on most of our components

If you’re still having issues, share your project via Elements Cloud (or post the URL to the live site) we can take a look for you

[Pegasus]

@dan if you find the time, I’d really appreciate an instruction video for the new Search component.

I’m especially interested in how to set up the search properly.

I tried configuring it intuitively and also according to the CMS documentation, but I’m not getting any search results.

With the help of a visual walkthrough or even a small example project file, I’d probably be able to figure out on my own what I’m doing wrong.

[dan]

@Pegasus, yup we’re working on it

In the meantime, here’s an updated microblog project that shows the Search working.

Open Project in Elements

Please note, is working, but isn’t finished. We’ll be included an updated Microblog project I the next build (or so) of Elements

[Pegasus]

Thanks for that, @dan.

I’ve managed to get the search working now, but there seems to be some kind of z-index issue. The search results either don’t appear at all, or they end up underneath the blog post list.

It’s somehow quite difficult to find the right z-index setting. ;- /

[jwDave (Dave)]

I confess I am having the same a z index issue, but I will try some more before escalating further. Because like you the search list goes under the collections below I see why that creates the problem however I set the z index really high ‘101’ but the issue remains. As I say I need to explore this further before asking Dan or Ben for help.

[ercross (Edward Cross)]

Dave,

Make sure you set the z index for the container holding the post list lower than the container holding the search component. I set mine to (1) and (5) respectively and it is working fine.

[Pegasus]

Thank you!

I finally managed to tame that sneaky little z-index as well. That’s always quite a hassle.

What I’ve noticed is that things like {{ item.title }} work fine, but custom Twig syntax defined in the frontmatter — for example {{ item.headline.long }} or {{ item.headline.short }} — is currently not being output.

My guess, however, is that this is the same issue as with the image output and will likely be fixed with the next update.

[dan]

Just a quick FYI: We fixed the overlap issue in the Microblog project (shipping in the next Elements update), by setting the container wrapper z-index to 31, and the Position to “Relative”.

[jwDave (Dave)]

All sorted now thanks Dan