Discussion on Notebook - Web App and Admin Template

Discussion on Notebook - Web App and Admin Template

Cart 1,751 sales
Well Documented

Flatfull supports this item

Supported

237 comments found.

Hi do you give the psd’s when you buy the source files?

Pre-Purchase

Hi Flatfull, I have the same request as @akashgoswami. I’m a noob and would love step by step instructions so I could start hacking around on Meteor.

Hi Flatfull. I purchased the theme. Is there a way to just recreate your online demo? When I tried “meteor run” I got the following error:

src/signin.html:1: Can’t set DOCTYPE here. (Meteor sets <!DOCTYPE html> for you)

Thanks in advance!

Hi Flatfull, after some internet research I discovered that <!DOCTYPE html> is no longer needed in Meteor so I just deleted it from all the html files. Let me know if that is not right.

However, after deleting that I am now getting these errors in my the html files:

While building the application: src/chrome-app/window.html:1: bad formatting in HTML template src/404.html:2: bad formatting in HTML template src/blank.html:2: bad formatting in HTML template src/blog.html:2: bad formatting in HTML template src/buttons.html:2: bad formatting in HTML template src/chart.html:2: bad formatting in HTML template src/components.html:2: bad formatting in HTML template src/dashboard.html:2: bad formatting in HTML template src/docs.html:2: bad formatting in HTML template src/features.html:2: bad formatting in HTML template src/form-elements.html:2: bad formatting in HTML template src/form-validation.html:2: bad formatting in HTML template src/form-wizard.html:2: bad formatting in HTML template src/fullcalendar.html:2: bad formatting in HTML template src/gallery.html:2: bad formatting in HTML template src/gmap.html:2: bad formatting in HTML template src/grid.html:2: bad formatting in HTML template src/icons.html:2: bad formatting in HTML template src/index.html:2: bad formatting in HTML template src/intro.html:2: bad formatting in HTML template src/invoice.html:2: bad formatting in HTML template src/jvectormap.html:2: bad formatting in HTML template src/landing.html:2: bad formatting in HTML template src/layout-boxed.html:2: bad formatting in HTML template src/layout-c.html:2: bad formatting in HTML template src/layout-fluid.html:2: bad formatting in HTML template src/layout-h.html:2: bad formatting in HTML template src/layout-r.html:2: bad formatting in HTML template src/list.html:2: bad formatting in HTML template src/mail.html:2: bad formatting in HTML template src/master.html:2: bad formatting in HTML template src/modal.html:1: bad formatting in HTML template src/modal.lockme.html:1: bad formatting in HTML template src/notebook.html:2: bad formatting in HTML template src/portlet.html:2: bad formatting in HTML template src/price.html:2: bad formatting in HTML template src/profile.html:2: bad formatting in HTML template src/signin.html:2: bad formatting in HTML template src/signup.html:2: bad formatting in HTML template src/table-datagrid.html:2: bad formatting in HTML template src/table-datatable.html:2: bad formatting in HTML template src/table-static.html:2: bad formatting in HTML template src/timeline.html:2: bad formatting in HTML template src/widgets.html:2: bad formatting in HTML template

Any idea what’s wrong?

Dear Flatfull,

I purchased this theme and really like it. Is there a step by step instructions to create a meteor app with this theme?

Thanks

Hi Flatfull,

I have a question about adding the Wysiwyg tool box to notebook.html.

From the form-elements.html, I’ve copied codes from “div class=”btn-toolbar m-b-sm btn-editor…...” to “div id=”editor” class=”form-control” style=”overflow:scroll;height:150px;max-height:150px”

I replaced the paper textspace on notebook.html with the codes and made sure I have pasted the scripts for Wysiwyg too.

However, nothing can be typed down inside the box. And when I add “contenteditable=”true” to the type box, nothing happens whenever I click any button from the editor tool. Am I missing something important?

Thanks!

I’d like to remove the responsive behavior of the template so it behaves like http://getbootstrap.com/examples/non-responsive/

However, after following bootstrap’s instructions here (http://getbootstrap.com/getting-started/#disable-responsive) I’m still unable to accomplish that goal. Can provide some guidance? Thanks

You can see this theme does not use the ”.container” class. but you can use body{min-width:1024px}.

Hi Flatfull,

I am using dynamic templating in my website where in I am modifying only a certain section of the page when url changes.

I found that in app.js all the event listeners have been added using ””$(document).on(‘click’”” method. So these event listeners would work even if the DOM elements are added later (after executing app.js) (http://stackoverflow.com/questions/10864683/how-to-use-jquery-document-on-on-elements-that-are-pulled-in-via-ajax).

However, there is a problem with app.plugin.js. In app.plugin.js both ””$(’’).on(’’”” and ””$(document).on(‘change’”” methods have been used. ””$(’’).on(’’”” method does not work if the DOM elements are added later (dynamic templating). To fix this, I am executing app.plugin.js everytime any new element is added to DOM. But, the side-effect is that ””$(document).on(‘change’”” adds a new event listener every time I execute app.plugin.js.

Could you fix this problem by separating ””$().on()”” and ””$(document).on(‘change’”” methods in separate files or add all of them in ””$(document).on(‘change’””. If not, could you suggest a solution to this problem.

Thank you.

you can put these function in a pageInit() function. when you added elements later and call this function.

Thanks

Pre purchase question: do you have any plan to update this template? All your other template were quite quickly update. I’m looking to build a job board application. Which one suit most?

No big update for this theme. you can check our other themes. Thanks

Realy great theme ! I have 2 questions

- In the sidebar menu is it possible to put links directly to the parent elements? even if i put a link, it does not work!

- There’s a way to display a confirmation tooltip before deleting an item ? (something like jQuery jConfirmAction)

Thanks

- The “Note” link is a first level node that have it’s own link. Only the parent clicked then the sub menus show, so it’s not allowed to put a link on the parent node.

- You can call out a modal when deleting a item

Thanks

Hi im looking at purchasing this template but does it include the homepage (see link below) included with dashboard?

Just trying to work out if I am buying a dashboard only or a complete site template.

http://themeforest.net/item/notebook-web-app-and-admin-template/full_screen_preview/6228450

included the front-end pages. Thanks

Hi, great work on the template. I have a question about Class”app” in master page, <section class=”vbox”> don’t work in master page.

I need to know how did you use the vbox in master page. send me a msg by my profile page.

Thanks

Hey, I loved your theme, but before I buy it, I would love to know if you can provide a Sass based theme rather than a Less ? I would buy it immediately if you are planning to provide me a Sass template.

Thanks in advanced.

Only Less, Thanks

Hi guys, can you provide us with guidance on getting the calendar to start on a Monday rather than a Sunday?

Thanks

use the fullcalendar api http://fullcalendar.io/docs/display/firstDay/

$(’#calendar’).fullCalendar({ firstDay:1, \\ set it here

Thanks

Hi, does you theme support RTL? or can be RTL support?

Hi there,

Great theme. Where can we find the documentation?

Greetings from Holland.

docs.html or online

Thanks

hi ,

when i use the data-toggle=”shift:appendTo” ,the below grpah works fine, but when i use add data-toggle=”class:hide” to toggle the div to show and hide, the canvas in the graph is not showing

<canvas width=”130” height=”130” style=”display: inline-block; width: 130px; height: 130px; vertical-align: top;”></canvas>

i discovered this is because of the canvas element, seem to load data only on display:block

Yes. the chart need calculate the width and height of the div. if it’s display:hidden, the chart has width:0 and error happens.

Thanks

on the landing page, if I add a word like “schedule” into the text carousel at the top, it gets cut off. How do I increase the allowable space?

just figured it out, i changed the aside class to aside-md. it works fine now for desktop view. but my mobile view is a little wonky. Is there a class I can add or some CSS i can add that will hide it on a mobile view?

“hidden-xs” class will hide it on mobile view. Thanks

Hi. I purchased the template. Its great. But how can we run wordpress on blog page ? Any tutorial about it ? Thanks

This page is not a wordpress theme. you need integrate it in your wordpress.

Thanks

Hi, very nice template.

However i’m having issue with table with many columns (more than 30 columns). In desktop the template cannot display all the columns in single screen. In mobile (ex: iphone) it will display nicely with scroll. How to enable scroll in desktop mode?

http://themergency.com/footable/ you can use this plugin

Thanks

(Sorry for the repost, please reply to this instead)

Hi, I’m having problem with modal pop-ups showing when I download the theme.

I checked the js code and I saw something that has to do with ‘remote’. How can I fix it?

Is it possible to include the modal in the main html? (as I’m using MVC and would like to have control of the form elements inside using razor.)

Thanx.

Here is the block of code I’m referring to: $(document).on('click', "[data-toggle=fullscreen]", function(e) { if (screenfull.enabled) { screenfull.request(); } }); $('input[placeholder], textarea[placeholder]').placeholder(); $("[data-toggle=popover]").popover(); $(document).on('click', '.popover-title .close', function(e) { var $target = $(e.target), $popover = $target.closest('.popover').prev(); $popover && $popover.popover('hide'); }); $(document).on('click', '[data-toggle="ajaxModal"]', function(e) { $('#ajaxModal').remove(); e.preventDefault(); var $this = $(this), $remote = $this.data('remote') || $this.attr('href'), $modal = $('<div class="modal" id="ajaxModal"><div class="modal-body" /></div>'); $('body').append($modal); $modal.modal(); $modal.load($remote); });

Hi, you can include the modal content in the main html, see the example here http://getbootstrap.com/javascript/#modals .

Thanks

Hi, I’m having problem with modal pop-ups showing when I download the theme.

I checked the js code and I saw something that has to do with ‘remote’. How can I fix it?

Is it possible to include the modal in the main html? (as I’m using MVC and would like to have control of the form elements inside using razor.)

Thanx.

http://getbootstrap.com/javascript/#modals

There are three ways to use the modal,

1: include the modal content in the page.
2: use “remote” the load the ajax modal content. but you need set the modal target.
3: use the ajaxModal, you do not need set the modal target.

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey