Community

Masonry.js on category page

NodeBB Development
  • J
    J
    #1

    How can I apply masonry layout on category page? Consider that I am building my nodebb theme based on vanilla theme. So my category page looks like this http://screencast.com/t/LifqTQsa and that is not cool as you can see. 🙂
    I called masonry.js in plugin.json following the lavender theme example and copied the content of lavender.js file into mine. I tried to make it work by changing this code masonry = new Masonry('.row.home > div'

    into this

    masonry = new Masonry('.row.category > div'

    It didn't worked. Is that even possible to do with just changing lavender.js to affect on category page instead on homepage?

    esiaoE 1 Reply
    2
  • esiaoE
    esiaoE
    #2

    @Jelena You're not pointing at the good element. It's a few childs after :
    masonry = new Masonry('.row.category ul#topics-container li')
    btw the .row.category ul part is not needed 😉

    J 1 Reply
    2
  • J
    J
    #3

    @esiao That didn't worked, it looks like it doesn't even loads masonry.js for some reason. How can I see is the scirpt loaded and is it loaded correctly? Maybe some cmd command? I followed all instructions in setting up plugin.json and theme.json and I am pretty sure that I did it right. I can't figure out what can be the problem. Any other suggestions?
    Tnx anyway ^^

    0

Suggested Topics

  • E

    Landing page that redirects to forum

    NodeBB Development
    0 Votes
    1 Posts
    63 Views

    E

    Im sure I wont be the first person to ask this.
    I need to have some extra info on a landing page, where people can login before going to forum page.
    Im a moderate coder, so know how to get input fields. But then how do I pass username & password to the forum page to login automatically? I did see there is a tutorial for landing page but that didnt seem to have login function?
    For security, is it better the landing page hashes the password and only passes that through in hashed format?

  • exodoE

    Debugging nodejs app.js at 100%

    NodeBB Development
    0 Votes
    19 Posts
    6106 Views

    PitaJP

    @exodo I would imagine it's something like node --prof app.js

  • Gaurav Grv RobinsonG

    Pull down menu for categories

    Moved NodeBB Development
    1 Votes
    1 Posts
    1076 Views

    Gaurav Grv RobinsonG

    I use the recent posts page as my home on my forum running nodebb. But I really like discourse's approach on showing categories - a pull down menu. 0_1457634154048_dismenu.PNG
    How can I implement such in a menu on the recent posts page in persona theme ?

  • K

    Node js process.nextTick doesn't work properly

    NodeBB Development
    0 Votes
    1 Posts
    1585 Views

    K

    Well, I have this issue that I need to do following things:
    1.Mongo Find
    2. Foreach
    3. MongoFind
    4 one more Foreach.

    because of asynchronaus mongo calls it is difficult to get proper result, however process.nextTick should handle this problem and still I have problem:

    function find(dbComm) {

    dbComm.forEach(function (current) { id= parseFloat(current.ID); db.anotherCollection.find({ ID: id}, function (error, result) { result.forEach(function (rank) { if (parseFloat(result.ID) == parseFloat(current.ID)) { rank.rank = 'Some calculations'; } }); }); });

    }

    app.get('/someparams', function (req, res) {

    db.collection.find().sort({ "rank": order }).skip(pagenumber).limit(5, function (err, result) { process.nextTick(function () { find(result, function () { }) }); process.nextTick(function () { res.send(result); }); });

    And on client side I should recive an array where the rank equals 'Some Calculations'
    but unfortunetly it is not...
    However...! If I add setTimeout(function(){}) before res.send(result) (and res.send(result) will be placed inside setTimeout) it actually does work and on client side I recive data with "Some Calculations" but it is just timeout and it fails sometimes and client dont recive "Some Calculations"
    if I put process.nextTick instead of setTimeout it doesnt work and "Some calc..." are not sent.

    Something is beeing done eralier then it should (probably in forEach in find() function)
    and my question is how to deal with it? maybe I should put process.nextTick in different function ?

  • trevorT

    Using category specific conditionals on template

    NodeBB Development
    0 Votes
    12 Posts
    3317 Views

    trevorT

    @Thomas-Krickl said:

    @trevor maybe this could be for interest: post indivual layout with {{cid}}

    That's what I recommended, lol and this is for something totally different that what I am asking.

| | | |
Copyright © 2023 NodeBB | Contributors