Skip to content
Sudonix

External Links - New Window

Solved Customisation
8 2 1.9k 1
  • Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #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.

    1
  • Sampo2910 Sampo2910

    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.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #3

    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. 🙂

    1
  • Sampo2910 Sampo2910

    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. 🙂

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #4

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab has marked this topic as solved on
  • phenomlab phenomlab

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

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #5

    @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.

    0
  • Sampo2910 Sampo2910

    @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
    phenomlab
    phenomlab
    wrote on
    #6

    @Sampo2910 said:

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

    Funny how it does exactly that. Stay well!

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    😀
    0
  • phenomlab phenomlab

    @Sampo2910 said:

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

    Funny how it does exactly that. Stay well!

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #7

    @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 😞

    0
  • Sampo2910 Sampo2910

    @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
    phenomlab
    phenomlab
    wrote on
    #8

    @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.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    👍
    0
Log in to reply

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
  • JAC

    Forum customisation

    Customisation nodebb forum customised
    11
    2
    6 Votes
    11 Posts
    3k Views
    JAC
    Thank you Mark, the changes look fantastic!!
  • phenomlab

    Planned sunset of NTFY plugin

    Pinned Announcements push nodebb ntfy
    7
    1
    8 Votes
    7 Posts
    4k Views
    phenomlab
    I’ve noticed that I’m the only one subscribed to the push notifications on this site. If you were using NTFY previously, and have noticed that you’ve not had any alerts for a while, it’s because this feature has been disabled. You’ll now need to use the push notification to replace NTFY as mentioned in the first post.
  • crazycells

    Page control arrows for PWA

    Solved Customisation nodebb
    27
    25 Votes
    27 Posts
    15k Views
    phenomlab
    @crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems. /** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android } Once you’re in that rabbit hole, it’s impossible to get out of it.
  • phenomlab

    Threaded post support for NodeBB

    Let's Build It threading nodebb
    146
    3
    50 Votes
    146 Posts
    116k Views
    phenomlab
    Updated git for above change https://github.com/phenomlab/nodebb-harmony-threading/commit/14a4e277521d83d219065ffb14154fd5f5cfac69
  • DownPW

    hover link effect

    Solved Customisation css link hover
    18
    1
    6 Votes
    18 Posts
    7k Views
    phenomlab
    @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.
  • Panda

    NodeBB inline videoplayer

    Solved Customisation nodebb
    12
    3 Votes
    12 Posts
    5k Views
    Panda
    @phenomlab YAY! It works Thanks so much
  • crazycells

    navigation bar is misplaced when the window gets smaller

    Solved Customisation bugs
    23
    1
    10 Votes
    23 Posts
    8k Views
    phenomlab
    @DownPW sounds good.
  • DownPW

    Multiple link on one ico non Navbar

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