Skip to content

[NodeBB] username cards

Solved Customisation
8 3 3.5k 1
  • wrote on last edited by
    #1

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

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

    wrote on last edited by
    #2
  • wrote on last edited by
    #3

    @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 has marked this topic as solved on
  • @phenomlab lol sorry my bad. we use nodebb-plugin-cards2 plugin, and somehow I thought this is the fixed version of cards plugin.

    wrote on last edited by
    #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?

  • @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?

    wrote on last edited by
    #5
  • wrote on last edited by
    #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’ 😊

  • @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’ 😊

    wrote on last edited by
    #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.

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

    wrote on last edited by
    #8

    @phenomlab

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


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
  • Smart Widgets

    Solved Configure nodebb
    9
    3 Votes
    9 Posts
    3k Views
    phenomlab
    @Panda said in Smart Widgets: So why is that, or conversely why would the function to expose username ever be required, as it seems app.user is already an available global object? It is, yes, but not if you are using it outside of a widget. The function I wrote is also historical and comes from the 2.x train
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • Detect if user is admin

    General nodebb javascript code
    2
    0 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd I think you can use userData.isAdmin = isAdmin; if I’m not mistaken - see https://community.nodebb.org/topic/15128/how-to-hide-whitelist-user-field-only-to-owner-or-admin?_=1648802303112 for an example
  • [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.
  • 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 ?
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.
  • How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in How to set a signature in NodeBB?: @jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below [image: 7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png] You can set the signature by using https://domain.com/user/theuser/edit Mamy thanks Mark, I’ll set this up later .