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

    [NodeBB] Focus Mode : simply immersive reading for NodeBB

    Customisation focus mode nodebb javascript css
    1
    2 Votes
    1 Posts
    639 Views
    No one has replied
  • Sampo2910

    Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    3k Views
    DownPW
    I’m happy to see this
  • 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.
  • cagatay

    Q&A Plugin Changes NodeBB

    Solved Customisation nodebb q&a plugin
    25
    1
    6 Votes
    25 Posts
    11k Views
    cagatay
    @phenomlab said in Q&A Plugin Changes NodeBB: float: right; left: 10px; } worked thank you
  • 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 ?
  • 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); }); }); });
  • JAC

    [NodeBB] custom Gravatar image not showing

    Solved Customisation
    6
    1 Votes
    6 Posts
    3k Views
    JAC
    @jac said in [NodeBB] custom Gravatar image not showing: @phenomlab said in [NodeBB] custom Gravatar image not showing: @jac are you using Custom ? Sure am mate Confirmed Fixed