Can you set the default width to boxed?

  • Admin

    The second one is in the works at #1481

    I'm not getting what you mean in the first point. For the third, this should do the trick:

    <button id="new-topic-button-widget" class="btn btn-lg btn-primary">New Topic</button>
    
    <script>
    $('#new-topic-button-widget').on('click', function() {
    	require(['composer'], function(composer) {
    		composer.newTopic(YOUR_CATEGORY_ID);
    	});
    });
    </script>
    

    (written off the top of my head, if it doesn't work let me know and I'll test for sure)


  • @psychobunny

    Rephrasing #1-- The two standard widths are narrow (fixed?) and wide (fluid?), which are toggled using the button that appears in the lower right hand corner.

    I'd like to be able to choose which one to have on by default. In my case, the narrow one.

    Thanks for that code...what file do I put it in?

  • Admin

    (I made a small change in the above code, found a mistake) It's meant to be placed in a widget, although you can put it directly into recent.tpl and unread.tpl if you're running your own custom theme.

    This line, change container to container-fluid to make that the default instead

  • NodeBB

    Keep in mind container is fixed ie 1156px wide and responsive. container-fluid will fill the whole window. Also whenever you click the toggle on the bottom right it saves your current setting in local storage.


  • @psychobunny

    That code worked, thanks man! ✌


  • @baris

    So it's currently set at container by default, but the content still fills the whole window on all new test users' machines. And when I changed it to container-fluid, it still fills the whole window by default.

    Perhaps I'm missing something?

  • NodeBB

    Container works for me on your forum
    link text


  • @baris

    Two out of two test users said the content fills all horizontal space...but maybe they somehow clicked on the width-change button? I'll check.


  • @baris

    Any idea what I might be doing wrong for default width? @psychobunny suggested to change header.tpl. The file already defaulted to container rather than container-fluid (and hence should show up as narrow not wide, right?):

    <body>
            <div class="navbar navbar-default navbar-fixed-top header" role="navigation" id="header-menu">
                    <div class="loading-bar"></div>
                    <div class="container">
                            <div class="navbar-header">
    

    But when I open a new window on a new machine and inspect, it's somehow set at container-fluid:

    upload-8e1f0293-871b-4027-9834-87041d051f99

    Are there other files that have to be changed from container-fluid to container? Or can I stick something in custom CSS to change it to container? I thought it might be a local setting storage issue, but on a random person's laptop it still opened to the wide fluid layout. But apparently it opened to container on yours?

  • NodeBB

    Ahh if there is no user setting saved in localstorage then fluid is assumed at this line https://github.com/NodeBB/nodebb-theme-lavender/blob/master/static/lib/lavender.js#L6.

    If you want to start off with fixed width then change that line to var fixed = localStorage.getItem('fixed') || 1,


  • @baris

    Ah...thought I was going crazy for second. Thanks Baris!

Suggested Topics

| |