Skip to content
Sudonix

nodebb-plugin-custom-pages

Solved Customisation
5 2 4.6k 1
  • DownPW
    DownPW
    DownPW
    wrote on
    #1

    Hello 🙂

    I’m trying to find out how the nodebb-plugin-custom-pages plugin works

    I have done this :

    de4b1295-37a4-4fa3-aa9d-43e6b6105ca3-image.png

    575a537c-21e0-4d39-921c-25b9653a7748-image.png

    So far so good but how to edit HTML code for this page?

    PW and WS Spirit alive

    0
  • DownPW DownPW

    Hello 🙂

    I’m trying to find out how the nodebb-plugin-custom-pages plugin works

    I have done this :

    de4b1295-37a4-4fa3-aa9d-43e6b6105ca3-image.png

    575a537c-21e0-4d39-921c-25b9653a7748-image.png

    So far so good but how to edit HTML code for this page?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @DownPW have a look in /admin/extend/widgets. This plugin creates both a route, and a widget for HTML placement.

    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

    2
  • phenomlab phenomlab has marked this topic as solved on
  • DownPW
    DownPW
    DownPW
    wrote on
    #3

    Ha yes solution create ****.tpl route and WE can add widget HTML on content bloc to edit HTML directly.

    Thanks 😊

    PW and WS Spirit alive

    1
  • DownPW
    DownPW
    DownPW
    wrote on
    #4

    Hello @phenomlab

    I use a different fa icon for each of my themes for the group all (fa fa-user me-1) But for one or two themes, fa-icon I use for each displays badly on badges
    Is it possible to target only some icons by their fa-name like here : fa-solid fa-alien-8bit , so that I can adjust the location of the icon in the badge without touching the others

    image.png

    PW and WS Spirit alive

    0
  • DownPW DownPW

    Hello @phenomlab

    I use a different fa icon for each of my themes for the group all (fa fa-user me-1) But for one or two themes, fa-icon I use for each displays badly on badges
    Is it possible to target only some icons by their fa-name like here : fa-solid fa-alien-8bit , so that I can adjust the location of the icon in the badge without touching the others

    image.png

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #5

    @DownPW it’s possible, yes, but you may inadvertently end up targeting other elements using the same class which of course isn’t desired.

    Can you provide a link in DM for me to review?

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

    Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    3k Views
    DownPW
    I’m happy to see this
  • dave1904

    How to style tool tip of nodebb-plugin-user-level

    Solved Customisation user level css
    4
    1
    5 Votes
    4 Posts
    3k Views
    phenomlab
    @DownPW thanks. I forgot about that.
  • dave1904

    Plugin to show images in teasers

    General nodebb teaser image plugin hook
    6
    1
    2 Votes
    6 Posts
    2k Views
    phenomlab
    @dave1904 I’d start by adding a console.log function to hookData so you can see what is being returned return hookData; console.log(hookData):
  • Sampo2910

    Embed - What Are You Using?

    Solved General customisation plugin
    13
    3 Votes
    13 Posts
    4k Views
    phenomlab
    @DownPW Hmm - it’ll work with iFramely (locally hosted), or you can use the below string to embed using https://community.nodebb.org/topic/7135/nodebb-plugin-ns-embed-ns-embed/114 Watch (?:<a.*?)?(?:https?:\/\/)?(?:www\.)?dailymotion\.com\/video\/([a-zA-Z0-9_-]{4,11})(?:.*?\/a>)? Replace <div class='embed-wrapper'><div class='embed-container'><iframe src='//www.dailymotion.com/embed/video/$1' frameborder='0' allowfullscreen></iframe></div></div> [image: 4f5f13f7-0c73-460e-b32f-f974f170b236-image.png]
  • DownPW

    plugin open link IMgur images

    Customisation plugin imgur
    7
    0 Votes
    7 Posts
    3k Views
    phenomlab
    @DownPW not sure what you mean. Can you elaborate ?
  • Sampo2910

    Tenor GIF Plugin

    Solved Customisation plugin
    19
    1
    5 Votes
    19 Posts
    9k Views
    Sampo2910
    @phenomlab Also for me now Upgraded in ACP and all good . Thx.
  • crazycells

    Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    12k Views
    phenomlab
    @pobojmoks that’s easily done by modifying the code provided here so that it targets background rather than border In essence, the below should work $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $('.recent-card-container').each(function(i) { var dataId = $(this).attr("data-cid"); var color = $('[role="presentation"]', this).css("background-color"); console.log("data-cid " + dataId + " is " + color); $('[data-cid="' + dataId + '"] .recent-card').attr("style", "background-color: " + color); }); }); });
  • crazycells

    [NodeBB] First post customization

    Solved Customisation nodebb
    5
    4 Votes
    5 Posts
    3k Views
    crazycells
    @phenomlab thanks