Community

Custom Header

NodeBB Plugins
  • esiaoE

    Same, it's better when the good version of NodeBB is given.
    Patch 0.1.1 "compatibility": "^0.5.0" → "compatibility": "^0.6.0"

    0
  • codejetC

    Just something I have noticed with this plugin.

    Actually works on the ACP, admin <body> when used with body background image. Which means sometimes you can't see writing in some of the admin tabs. Works flawlessly apart from this.👍

    0
  • RichGR

    I have some members of my nodebb forum complaining about the usability of the forum when accessing from mobile devices. Especially, Android based systems. The biggest complaint is the ability to post as outlined here and at least one other thread ( they can't get to the fields without the keyboard getting in the way). I am using the 0.7 of nodebb and the persona theme. Is there a resolution to this that I can do? As stated... many of our uses will be accessing our forums from mobile devices, mobile friendlessness should be paramount issue. Please advise.... I have some unhappy campers that are questioning why I did not elect a proven framework that they have used without issue in the past.

    Rich

    PitaJP 1 Reply
    0
  • PitaJP

    @RichG

    You can add some custom css rules to make the editing easier on mobile devices. The following rules are for persona:

    html.composing .composer .mobile-navbar {
    min-height: 30px;
    height: 30px;
    line-height: 20px;
}

html.composing .composer .mobile-navbar > span > button {
    height: 30px;
    line-height: 20px;
    padding: 5px;
}

html.composing.mobile .composer .composer-container {
    padding-top: 30px;
}

html.composing.mobile .composer .title-container .title {
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    padding-left: 11px;
    height: 28px;
}

html.composing.mobile .composer .category-list-container .category-list {
    padding: 5px 10px;
    height: 32px;
}

html.composing.mobile .composer .btn-toolbar .btn-group > * {
    padding: 5px;
    border: 0 dashed lightgrey;
    min-width: 28px;
    border-right-width: 1px;
}

html.composing.mobile .composer .category-tag-row .btn-group {
    height: 30px;
    margin: 0;
}

html.composing.mobile .composer .category-tag-row {
    margin: 0;
}

/* comment out the follwing two rules to enable tagsinput */

html.composing.mobile .composer .category-tag-row .tags-container {
    display: none;
}

html.composing.mobile .composer .row.write-preview-container {
    height: calc(100% - 90px) !important;
}

/* uncomment the rules below to enable tagsinput */
/*

html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput {
    padding: 0;
    padding-top: 8px;
    height: 30px;
}

html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput input {
    padding: 0px 6px;
    height: 20px;
}

html.composing.mobile .composer .row.write-preview-container {
    height: calc(100% - 120px) !important;
}

*/

    These will essentially just remove the tags input and make everything else smaller.

    RichGR 1 Reply
    1
  • RichGR

    @pitaj said:

    @RichG

    You can add some custom css rules to make the editing easier on mobile devices. The following rules are for persona:

    html.composing .composer .mobile-navbar {
    min-height: 30px;
    height: 30px;
    line-height: 20px;
}

html.composing .composer .mobile-navbar > span > button {
    height: 30px;
    line-height: 20px;
    padding: 5px;
}

html.composing.mobile .composer .composer-container {
    padding-top: 30px;
}

html.composing.mobile .composer .title-container .title {
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    padding-left: 11px;
    height: 28px;
}

html.composing.mobile .composer .category-list-container .category-list {
    padding: 5px 10px;
    height: 32px;
}

html.composing.mobile .composer .btn-toolbar .btn-group > * {
    padding: 5px;
    border: 0 dashed lightgrey;
    min-width: 28px;
    border-right-width: 1px;
}

html.composing.mobile .composer .category-tag-row .btn-group {
    height: 30px;
    margin: 0;
}

html.composing.mobile .composer .category-tag-row {
    margin: 0;
}

/* comment out the follwing two rules to enable tagsinput */

html.composing.mobile .composer .category-tag-row .tags-container {
    display: none;
}

html.composing.mobile .composer .row.write-preview-container {
    height: calc(100% - 90px) !important;
}

/* uncomment the rules below to enable tagsinput */
/*

html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput {
    padding: 0;
    padding-top: 8px;
    height: 30px;
}

html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput input {
    padding: 0px 6px;
    height: 20px;
}

html.composing.mobile .composer .row.write-preview-container {
    height: calc(100% - 120px) !important;
}

*/

    These will essentially just remove the tags input and make everything else smaller.

    Sir..... thank you. Still quirky, but usable. On my phone ( old Razor ) the keyboard is confused sometimes of when to appear, and one thing that is constant. You can't delete a post. The confirmation ( yes/no) screen is unresponsive. Thank you @pitaj.

    0
  • C

    How do I get this plugin? 😞

    0
  • sebastian-marinescuS

    @chaosyamyt it seems this is the repo for that:
    https://github.com/esiao/nodebb-plugin-custom-header

    You could try to check it out into the "node_modules" directory and then activate it in the admin-interface.

    0

Suggested Topics

  • A
    ●

    Is there any nodebb plugin to insert codes in header and footer?

    NodeBB Plugins
    0 Votes
    3 Posts
    228 Views

    A

    @omega Thanks

  • T
    ●

    Custom homepage plugin not working

    NodeBB Plugins
    0 Votes
    4 Posts
    526 Views

    julianJ

    Can you repro these on a brand new install of 1.10.2? How about 1.10.1?

  • E
    ●

    Create custom route in plugin

    NodeBB Plugins
    0 Votes
    2 Posts
    2606 Views

    yariplusY

    You define routes in your load hook. So your library.js might look like this:

    var Plugin = module.exports = {}; Plugin.load = function (params, callback) { var router = params.router; var middleware = params.middleware; // Define the function that renders the custom route. function render(req, res, next) { // Get whatever data you want to send to the template here. var data = {whatever: 33}; // This is the path to your template without the .tpl, relative to the templates directory in plugin.json var template = 'templatename' // Send the page to the user. res.render(template, data); } // This actually creates the routes, you need two routes for every page. // The first parameter is the actual path to your page. router.get('/yourpage', middleware.buildHeader, render); router.get('/api/yourpage', render); callback(); };

    And your plugin.json would look something like this:

    { "library": "library.js", "hooks": [ { "hook": "static:app.load", "method": "load" } ], "templates": "./public/templates", "staticDirs": { "public": "public" } }

    and you would have a template here:
    /nodebb-plugin-yourplugin/public/templates/templatename.tpl

    <h2>My Awesome Custom Page</h2> The Magic Number is: {whatever}

    I'm pretty sure I posted about this before, with more details even. Have to start using those canned responses. 🌹

  • W
    ●

    Custom plugin, send login error.

    NodeBB Plugins
    0 Votes
    1 Posts
    617 Views

    W

    Hello, I made a custom LDAP login and was wondering if there was a way to send back a custom error to the login form. My LDAP plugin requires users to login with their username not email and even though it asks for a username people still like to add their email.. At the moment i am just sending back the standard error (username and or password are not correct).

    Is there a way to send back a custom error that will appear in red in the log in page when they attempt to sign in with there email? On a side note, shouldnt nodebb block emails entries (in the form validation) if login is set to username?

    Thanks,

  • D
    ●

    Custom Home Page

    NodeBB Plugins
    0 Votes
    1 Posts
    775 Views

    D

    I seen a lot of home page plugins but all of them seems outdated ¿any recomendation?

| | | |
Copyright © 2023 NodeBB | Contributors