Skip to content

External Links - New Window

Solved Customisation
8 2 1.4k 1
  • Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

  • Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

    @Sampo2910 welcome back! Hope you’re well?

    It’s certainly possible to open links in a new window. It’s in the markdown settings as below

    90e22be3-4748-4b6e-a8c6-5dfbafac777d-image.jpeg

  • Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

  • Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

    @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

  • phenomlabundefined phenomlab has marked this topic as solved on
  • @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

    @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

  • @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

    @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

  • @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

    @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

  • @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

    @Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote.

    It’s in use here on this forum.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    2k Views
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    5k Views
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • hover link effect

    Solved Customisation css link hover
    18
    1
    6 Votes
    18 Posts
    5k Views
    @DownPW Looking at the underlying code, class start is being added on hover by jQuery in this function document.querySelectorAll(".button-gradient, .button-transparent").forEach((button) => { const style = getComputedStyle(button); const lines = document.createElement("div"); lines.classList.add("lines"); const groupTop = document.createElement("div"); const groupBottom = document.createElement("div"); const svg = createSVG( button.offsetWidth, button.offsetHeight, parseInt(style.borderRadius, 10) ); groupTop.appendChild(svg); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); lines.appendChild(groupTop); lines.appendChild(groupBottom); button.appendChild(lines); button.addEventListener("pointerenter", () => { button.classList.add("start"); }); svg.addEventListener("animationend", () => { button.classList.remove("start"); }); }); }) The CSS for start is below .button-gradient.start .lines svg, .button-transparent.start .lines svg { animation: stroke 0.3s linear; } And this is the corresponding keyframe @keyframes stroke { 30%, 55% { opacity: 1; } 100% { stroke-dashoffset: 5; opacity: 0; } } It’s using both CSS and SVG, so might not be a simple affair to replicate without the SVG files.
  • 10 Votes
    23 Posts
    7k Views
    @DownPW sounds good.
  • Multiple link on one ico non Navbar

    Solved Customisation links css navbar
    7
    1
    2 Votes
    7 Posts
    2k Views
    yeah you’re right @phenomlab. Problem of NodeBB Version
  • NodeBB vs Discourse

    Chitchat nodebb discourse board
    25
    6 Votes
    25 Posts
    11k Views
    @phenomlab said in NodeBB vs Discourse: Hetzner eh ? I use them also. In fact, Sudonix is hosted in Nuremberg yes i’m also at hetzner, i have been a customer there for years with a reseller account for domains. My VPS that I host there are also in Nuremberg
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    3k Views
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.