Skip to content
Sudonix

[NodeBB] username cards

Solved Customisation
8 3 3.5k 1
  • crazycells
    crazycells
    crazycells
    wrote on
    #1

    Hi @phenomlab , you have very nice cards showing while hovering the username in this forum. How did you do it?

    0
  • crazycells crazycells

    Hi @phenomlab , you have very nice cards showing while hovering the username in this forum. How did you do it?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @crazycells with this plugin
    https://community.nodebb.org/topic/15676/hover-cards-nodebb-plugin-cards?_=1640720058074

    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

    @crazycells with this plugin
    https://community.nodebb.org/topic/15676/hover-cards-nodebb-plugin-cards?_=1640720058074

    crazycells
    crazycells
    crazycells
    wrote on
    #3

    @phenomlab lol sorry my bad. we use nodebb-plugin-cards2 plugin, and somehow I thought this is the fixed version of cards plugin.

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

    @phenomlab lol sorry my bad. we use nodebb-plugin-cards2 plugin, and somehow I thought this is the fixed version of cards plugin.

    crazycells
    crazycells
    crazycells
    wrote on
    #4

    @phenomlab actually, it does not work on our forum…

    You are sure that that plugin does that, right? I guess it might be because we have NodeBB installed as a subfolder /forum … Do you think this might be the reason?

    0
  • crazycells crazycells

    @phenomlab actually, it does not work on our forum…

    You are sure that that plugin does that, right? I guess it might be because we have NodeBB installed as a subfolder /forum … Do you think this might be the reason?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #5

    @crazycells yes. Here’s the one I’m using
    https://github.com/Schamper/nodebb-plugin-cards#readme

    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

    1
  • phenomlab phenomlab

    @crazycells yes. Here’s the one I’m using
    https://github.com/Schamper/nodebb-plugin-cards#readme

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #6

    @phenomlab

    The topic is a little old so sorry to revive 😊 My forum is sooo small and to be honest just for my learning so there is nothing on it. When i am happy with it I will ‘advertise it’ for its purpose.

    Anyway this is a really nice plugin and I also use. I get a little strange behavior but it is not when i hover over all the time.

    hovercards.png

    If i click on it it just goes green.

    ss1.png

    As you see in other areas that it seems to be ok. (although with the only deafult themes I like it is not so good )

    ss2.png

    Any ideas? I think i have uninstalled NodeBB and started again about 4 times haha so maybe traces of ‘bad stuff’ 😊

    0
  • Sampo2910 Sampo2910

    @phenomlab

    The topic is a little old so sorry to revive 😊 My forum is sooo small and to be honest just for my learning so there is nothing on it. When i am happy with it I will ‘advertise it’ for its purpose.

    Anyway this is a really nice plugin and I also use. I get a little strange behavior but it is not when i hover over all the time.

    hovercards.png

    If i click on it it just goes green.

    ss1.png

    As you see in other areas that it seems to be ok. (although with the only deafult themes I like it is not so good )

    ss2.png

    Any ideas? I think i have uninstalled NodeBB and started again about 4 times haha so maybe traces of ‘bad stuff’ 😊

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #7

    @Sampo2910 hey. The behavior you were seeing is in fact normal. The card will only display in the actual post view and not in the main list. Clicking the avatar in the recent view (or any others) simply selects that post for multiple functions which explains the reason for turning green, and the avatar replaced by a check mark.

    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

    1
  • phenomlab phenomlab

    @Sampo2910 hey. The behavior you were seeing is in fact normal. The card will only display in the actual post view and not in the main list. Clicking the avatar in the recent view (or any others) simply selects that post for multiple functions which explains the reason for turning green, and the avatar replaced by a check mark.

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #8

    @phenomlab

    Aha…nice to know. As always thank you for the reply and information.

    1
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

    External Links - New Window

    Solved Customisation nodebb links settings
    8
    2 Votes
    8 Posts
    2k Views
    phenomlab
    @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.
  • Panda

    Interesting Widget code, but can't fetch API

    Solved Customisation nodebb
    26
    2 Votes
    26 Posts
    11k Views
    phenomlab
    @Panda said in Interesting Widget code, but can’t fetch API: How did you drop that widget into the post there? I hadnt seen this BSgenerator anywhere on sudonix site, do you use it somewhere already? Yes, here https://sudonix.org/topic/414/corporate-bullshit-generator?_=1687774393044 It’s not a “post” or “topic” in the common sense. It is actually a page in it’s own right and leverages nodebb-plugin-custom-pages. This in turn creates a new “route” which behaves like a page, meaning it is then exposed for widgets. @Panda said in Interesting Widget code, but can’t fetch API: Also can you explain more what you mean by calling the code externally. In my API call example, how would I go about doing that? By this, I mean create all the required code in an external JS file that is reachable by the NodeBB instance - so, in “public” for example - or in my case /public/js. The widget then “calls” that file and because it runs outside of the scope of NodeBB, you just need to return the values to the widget. Hope this makes sense?
  • DownPW

    NODEBB: Nginx error performance & High CPU

    Solved Performance performance nodebb nginx
    69
    4
    14 Votes
    69 Posts
    64k Views
    DownPW
    @phenomlab Seems to be better with some scaling fix for redis on redis.conf. I haven’t seen the message yet since the changes I made # I increase it to the value of /proc/sys/net/core/somaxconn tcp-backlog 4096 # I'm uncommenting because it can slow down Redis. Uncommented by default !!!!!!!!!!!!!!!!!!! #save 900 1 #save 300 10 #save 60 10000 If you have other Redis optimizations. I take all your advice https://severalnines.com/blog/performance-tuning-redis/
  • cagatay

    who is read NodeBB

    Customisation read post nodebb
    6
    0 Votes
    6 Posts
    3k Views
    phenomlab
    @cagatay You should ask in the NodeBB forums. Perhaps reference this post https://discuss.flarum.org/d/23066-who-read
  • pwsincd

    [NodeBB] greeting message

    Solved Customisation css nodebb javascript
    2
    1
    3 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358
  • DownPW

    [NODEBB] Scroll Button

    Solved Customisation css javascript html scroll button
    7
    1
    0 Votes
    7 Posts
    3k Views
    phenomlab
    @downpw ooops. Forgot that. Thanks for adding.
  • DownPW

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • JAC

    Display tweets in widget [NodeBB]

    Solved Customisation
    29
    4 Votes
    29 Posts
    13k Views
    JAC
    @phenomlab brilliant, many thanks Mark