Contributor ⭐️⭐️⭐️

Solved

How can I use the three smaller quicklinks as used on the insided community homepage?

Forum|Forum|7 years ago
September 10, 2019
18 replies
634 views

Hi!

I noticed a new feature on the Insided community

How can I set this up? Anyone?

Cheers!

Best answer by Yoeri

Hey Pieter,

This is what we call Quick links, these links can be set up in the Control environment. Here's a guide to set them up: https://community.insided.com/highlighting-content-80/set-up-quick-links-on-your-homepage-1170#post3780

Apart from the steps above we applied some advanced configuration to make them look different, this is what we did:

1.We created 3 quick links without a visual

2.We used an emoji in the Title copied from https://emojicopy.com
3. In Control > Settings > Third-party Scripts we injected the following custom CSS in the Before < /body> panel

code:

< style>
  .quicklink__box__novisual {
  	display: none;
  }
  .quicklink__title {
  	text-align: left;
    padding: 24px 24px 16px 24px;
  }

This Custom CSS makes the card more compact and makes the text left-aligned (by default there is more space in the card and the text is center aligned)

Hope this helps 🙂

YoeriAnswer

Gainsight Employee ⭐️⭐️⭐️

Hey Pieter,

This is what we call Quick links, these links can be set up in the Control environment. Here's a guide to set them up: https://community.insided.com/highlighting-content-80/set-up-quick-links-on-your-homepage-1170#post3780

Apart from the steps above we applied some advanced configuration to make them look different, this is what we did:

1.We created 3 quick links without a visual

2.We used an emoji in the Title copied from https://emojicopy.com
3. In Control > Settings > Third-party Scripts we injected the following custom CSS in the Before < /body> panel

code:

< style>
  .quicklink__box__novisual {
  	display: none;
  }
  .quicklink__title {
  	text-align: left;
    padding: 24px 24px 16px 24px;
  }

This Custom CSS makes the card more compact and makes the text left-aligned (by default there is more space in the card and the text is center aligned)

Hope this helps 🙂

Group Product Manager, Customer Communities

PieterAuthor

Contributor ⭐️⭐️⭐️

Thanks!! @Yoeri

People are strange

PieterAuthor

Contributor ⭐️⭐️⭐️

@Yoeri here's the result! Thanks 🙂

https://community.eigenhuis.nl/

People are strange

Yoeri

Gainsight Employee ⭐️⭐️⭐️

Great job! 🙌

Group Product Manager, Customer Communities

PieterAuthor

Contributor ⭐️⭐️⭐️

I've also noticed a Title for the quick links: Articles and Guides. Does this also require a third party script? If so, how do I implement this one? Thanks in advance!

People are strange

Yoeri

Gainsight Employee ⭐️⭐️⭐️

This is not part of the quick links but part of a new module which we call the knowledge base. This is a new module that was introduced in the inSpired event last Thursday. We will soon launch this module for your communities, you can already read some information on this knowledge base here: https://community.insided.com/knowledgebase-86

Group Product Manager, Customer Communities

PieterAuthor

Contributor ⭐️⭐️⭐️

Great! Thanks. 🙂

People are strange

OVOdarran

Helper ⭐️

Looks great @Pieter !! And thanks for asking this, I was wondering how they'd achieved that too!!

Super helpful!

Darran

Community Manager // OVO Energy / Boost Power

LPortalupi

Helper ⭐️

Hi @Yoeri. I used this third-party script to create the smaller quick links, as well.

Unfortunately, it seems this script is having this adverse effect:

When using the search bar in the community, if a topic comes up that I want to navigate to, when I click it, nothing happens – the topic title sits in the search bar but I am not taken to that topic (as before). I have to then manually click the magnifying glass icon at the left to get to the topic.

I wrote in to inSided support about this and Tom let me know that it's a result of a third-party script running. When I followed his instructions, by adding "?disableTps" at the end of the community URL, it shows the quick links the standard size and selecting a topic from search brings me to that topic page.

This means I have to choose between smaller quick links and having the search function work properly. I'm afraid I'm not savvy enough to adjust the third-party script on my own – wondering if you or maybe anyone else here can advise? Thank you!

Here's the standard URL with third-party script enabled: https://coursera.community/
Here it is with third-party script disabled: https://coursera.community/?disableTps

cc @OVOdarran and @Pieter in case you're having the same issue or have any suggestions!

Julian

Gainsight Employee ⭐️⭐️⭐️

Hi!

I am happy to inform you that my colleague @tom.shaddock was able to fix the issues with the search on your community! :)

This was not caused by the specific piece of code. Hence we (or Darran / Pieter) did not experience this problem.

According to Tom, this problem was caused by a missing styling close tag which was unrelated to the code described above. Basically somewhere in your own custom styling code an action was not closed of (and thus limited) properly, with the result that it also was applied to the behaviour in the search bar.

Everything is working now as expected again, including the layout of the quick links. :)

A gentle reminder to everyone: Be careful when working with the script feature, as it can easily affect the behaviour of your community. 😉

I follow my nose, it always knows

Show more replies

Didn't find what you were looking for?

Sign up

Welcome to the Gainsight Community