205 comments found.
I am looking through the downloaded package, working out how to systematize this theme and integrate it into a project.
I was wondering what the organization process is for the layout of files in the `js/` directory?
Also, I assume the `app*.js` files contain the code the uses all the libraries to make the theme do its thing..? What is in `app.js` versus what is in `app.plugin.js`?
Thanks for any info you can provide. Jim
The js files and other “js/” folder, the app.js is for common plugin that used for all pages. app.plugin.js is for some js plugins that used on some pages.
Thanks
Ok, thanks…I think I’m piecing it together.
Can you tell me where you got the data-shift and data-bjax plugins?
Thanks, Jim
Created by myself. Thanks
Ah, ok. Thanks again!
Thanks for your work.
I tried to add .hbox and .vbox in .panel, but it keeps confused me. Could you explain the differences between .vbox and .vbox.flex? It seemed quite different when I was developing. I had to add 2 more %section to .vbox.flex > section to make it work as thought.
And I failed when I tried to add complicated layout (combined with hbox and vbox) in .panel > .panel-body. The vbox inside only showed the header part, when I add .flex to it, it doesn’t automatically occupy 100 height.
Looking forward to your reply.
The .vbox have the fixed header/footer height. .vbox.flex is not, you can take a look at the note.html, the note list column is a .vbox.flex,
if you want to use the .vbox or .hbox in a panel. you need set a height on the container.
<div style="height:250px"> <section class="vbox bg-light"> <header class="header lt"></header> <section class="w-f">section</section> <footer class="footer dk"></footer> </section> </div>
Thanks! And it worked. But with the fixed height, I cannot benefit from the fantastic .hbox.stretch feature. Would this problem be solved in the newer version?
.vbox need a fixed height of the parent container. and .hbox stretch have the 100% height of the parent container.
Thanks
Hi, it worked after I gave the .vbox a fixed height.
But I don’t think this solution is decent enough because the .vbox inside .hbox.stretch .panel cannot stretch itself to 100% height when users changes the size of their browsers, just like .vbox inside normal .hbox.stretch.
The simplified code was like:
section.hbox.stretch
section.padder
.panel
.panel-heading Title
section.hbox.stretch
section
section.vbox.flex This is what I want to be stretched.
Would this problem be fixed in near future? I would be glad if you need me to test for you.
The element’s height is inherit from it’s parent. the section.hbox.stretch get the .panel height which does not have the height.
the .vbox .hbox does not work in your structure.
Thanks
Hey,
One suggestion, i’m using the less version, but i had a few issues using the icons, i had to pretty much copy the icon.css and create a less/app.fonts.less file then i went and added this new file into app.less to have the icons working properly (it can/should be done in one single .less file though), as it doesn’t make much sense to require another .css file if we’re using less =P
Regards!
Thanks for the advice.
The icon.css is a optional css if you want these icons. maybe you want to use other icons. so i separate from the app.less.
Thanks
First I need to say you is a nice admin panel. The gmap.html have some bugs with the right side panel. Please take a look.
The gmap.html use this plugin http://hpneo.github.io/gmaps/ I do not see any bugs on this page.
Thanks
Really Nice Admin Panel how hard are these to connect to an HTML Site?
Sorry I am a noob lol
It’s admin/app template. the app landing page will be added later.
Thanks!
Hey there, Looking to purchase the admin page, it looks awesome! I took a look at the demo and it seems you are loading all the Jquery and bootstrap JS in the appv1.js, is this the way it’s going to be in the purchased files? Or will they be seperate?
They are separated in purchased files. Thanks
Do you have any idea why the image of the user is not exactly in the middle? http://s8.postimg.org/wt320rpyd/foto.png
There is no space for it, can use the ”.no-gutter” class on .row to fix it.
Thanks
Can I buy the cheaper option for an idea that I have and if I get a positive response from a potential client can I upgrade to the extended license?
Thanks!
Yes. you can.
ThanksIs it possible to remove the left sidebar and use a horizontal menu at the top instead?
You can see there are some icons on the top, it’s horizontal, you can change them to text, and it’s default Bootstrap Navbar. you can put dropdown menu on it.
Thanks
Thanks, I am working with the layout now. So far so good, but one question. I removed the left sidebar, but now the menu doesn’t work on mobile, obviously. I’m trying to come up with a good solution here. Is there a way to enable the left menu on mobile only so I can get a navigation back?
You can put ”.visible-xs” class on the #nav aside. so it only shows on mobile.
Thanks
Hello, Great Theme,
Is there any possible of getting the UI Kit and Component design files for Skitch or Photoshop?
Btw, im new to design, and cannot code or do the CSS styling, but would like to use the UI Kit and components to do mock up’s for the developers that are actually going to be doing the coding for the theme.
Thank You
PSD file will be available in future update. Thanks
Is there any update in the pipeline?
Chat and Contacts page will be in next update. Thanks
Hello, i need help regarding your template.
The problem is : everytime i try to open a submenu (by clicking it), it tries to refresh the page, and re-clean the url. This problem only happens when there’s a #reference at the URL.
For example, if the url is like http://myweb.com/mypage#someref, it wont show the submenu, instead clear the url to http://myweb.com/mypage# first.
Please help me on this. Thank you.
Nevermind, I just fixed it by removing the hash # from href, on submenu title. Thanks.
Hello I bought your theme. DataTable page is not html . I’m having trouble encoding. I needed a page that is entirely in HTML and scripts. I would appreciate if you could help.
Good Work
check the table-datatable.html. it’s a html page.
Thanks
Yes, table-datatable.html page available, but the data comes from the script. I do not want to use the script there. I want to write code there. But the outlook is changing, paging, search does not work.
Good Work
Example http://cs3net.net/scale/table-datatable2.htmlThe data is from a json file. if you want to output the data into the html then call datatables. you can follow this example. http://datatables.net/release-datatables/examples/basic_init/zero_config.html
Thanks
There is a misunderstanding. I do not want to use the script. Example http://themes.laborator.co/neon/tables/datatable/ I bought this theme. On this page, the script could have used. But I downloaded the file in the html code. I’m using asp.net. So just call and paging scripts I want to study.
Good Work
E-mail:ceyhunsozer@cs3net.net
Do you want to output the data into a table, then call the datatables function to make the table paginated and searchable? if so, you can output your data into a table with the asp.net. then call the datatables api. check this example. http://datatables.net/release-datatables/examples/basic_init/zero_config.html , it has the data in the page. then call
$(document).ready(function() {
$('#example').dataTable();
} );
I’m trying to do that but it happens. I would ask. Data in the table with the script uninteresting, Search and pagination Could you send an example that works?
Good Work
Sent you an email with a demo page.
hi, there is a bug in the ‘sortable’ feature of tables. You can also see it at your demo page. Is there a quick solution for this? Client is waiting so hopefully you have a solution instead of waiting for a new release.
found it… just insert the dataTables.min.js in the page 
You got it.
Is there a LESS file with this?
Yes. include the LESS files. Thanks
Hello! Perfect theme. I will definitively use it for my next project. Got one question for you. How it is possible to preload pages (like on your left menu) for each link I want? Thanks a lot.
you can use <a href=”a.html” data-bjax> to preload the page.
Thanks
Hello,
Will the source be minified like in the demo version if I purchase this?
Thanks.
No, only the demo pages are minified. purchased file have the separate css and js.
Thanks
Thanks, purchased!
Thank you.
Hi, i bought notebook,so i want to know that’s the different between this two?i really like this style,it seems there no big updates,thanks for your reply:)
sorry, saw the comment above,one more question,there is no landing.html ?
landing.html will be added later. Thanks
thanks, purchased! i want to add a dropdown search box like google,any suggestion?
You can use a dropdown component, put a form in it.
