Multiple layouts with Handlebars and ExpressJS?

node.js express template-engine handlebars.js
Jake Wilson picture Jake Wilson · May 26, 2015 · Viewed 13.7k times · Source

If I'm using Handlebars as my templating engine with Express 4, it seems like there is only the option to specify a single layout template to use for all your views:

app.engine('hbs', expressHbs({extname:'hbs', defaultLayout:'layout.hbs'}));

What if your app needs multiple layouts? What if viewA.hbs uses one layout and viewB.hbs needs a different layout?

As I'm learning nodejs, I'm coming from a PHP Laravel background where the Blade templating engine has you specify which layout to use at the top of each view file. It makes it really simple to switch between layout templates for any given view.

Answer

Ryan picture Ryan · May 26, 2015

You should be able to pass in the layout from your route/controller when you call the render method.

router.get('/', function(req, res) {
    res.render('home', {layout: 'viewBLayout.hbs'});
});

I am pretty sure jade will let you switch layouts from inside the template but I don't know if you can do that with handlebars.

Related questions

What are the differences between the express-handlebars, express-hbs and hbs modules,

I'm trying to use Handlebars with Express, and I found the modules express-handlebars, express-hbs and hbs which all seem to work similarly. What are the main differences between them that I should be aware of, given that I need to …

Read More
app.set and app.engine in Express

I am following a Node.js tutorial. Two lines for which I am not sure are: app.set('view engine', 'html'); app.engine('html', hbs.__express); I checked the documentation for app.set and it only tells me: Assigns setting …

Read More
How to create global variables accessible in all views using Express / Node.JS?

Ok, so I have built a blog using Jekyll and you can define variables in a file _config.yml which are accessible in all of the templates/layouts. I am currently using Node.JS / Express with EJS templates and ejs-locals (…

Read More