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

    CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • 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):
  • DownPW

    nodebb-user-level customisation : popover element

    Solved Customisation css user level plugin custom
    15
    6 Votes
    15 Posts
    5k Views
    DownPW
    No no, I said that in the sense that he told me it was simple ^^ I was able to see that this was not the case by targeting the elements he had advised me.
  • 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]
  • 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); }); }); });
  • DownPW

    [NodeBB] Import custom Font

    Solved Customisation custom fonts nodebb css
    12
    3 Votes
    12 Posts
    5k Views
    phenomlab
    @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.
  • RiekMedia

    NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    4k Views
    phenomlab
    @RiekMedia hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?