I also noticed that their using core.min and components.min

Could you please send me an email to e.kopyov[at]gmail.com? I’ll send you more detailed instructions with example.

Before that, can you please also check your console if there are any js errors.

Thanks

https://www.dropbox.com/s/r2cuvlwapsz6kr0/sn_switch.jpg?dl=0

Hey,

Will be added in upcoming updates

Thanks

Hey.

Yes sure, package includes both normal and minified CSS files generated from LESS files. You can use custom css file – create something like custom.css, include it after all available css files and override there whatever you want. All updates include changes only in 4 main files, your custom css file won’t be touched.

Documentation includes 2 different descriptions about less compiling – using apps and gulp task runner. If you want, you can dig deeper into less, it’s easier than you think and may take a few days to learn and few hours to understand how it works, if you are familiar with css

Thanks

Thanks so much for the very fast reply.

Welcome, let me know if you have any other questions. Thanks

Hello.

I am so sorry, these classes were removed in final version and replaced with simple less variables, because these active and hover classes added to all colors triple CSS file size. My bad, i forgot to update documentation, sorry about that.

All you need to do is to open core-variables.less file located in assets/less/core/variables/ folder. There are 2 variables: @navigation-dark-active-bg for dark sidebar and @navigation-light-active-bg for white sidebar. Just change the color to @color-danger-500 or any other color variable and re-compile your files, that’s it.

Thanks

Thank you for very quick response. By the way, I very like you theme.

You are always welcome. Thanks!

Okay great! I still suggest you to edit less files instead It’s much easier to edit and to track all the changes in future updates

One final question – I hope! By default there is a break point at which content moves to a single column and collapses the col-lg-8 etc into one single column.

That is fine for most content but there is some content where I don’t want it to break at this point such as when using things like the hours available widget or current server load widget in layout one – how can I change the break point for some content? I cant find if it is done on the content-wrapper, content, row, col-lg, panel or somewhere else!

This is how Bootstrap grid system works. There are 4 breakpoints: large (.col-lg-* ), normal (.col-md-* ), small (.col-sm-* ) and mini (.col-xs-* ). By default first 3 column sizes are stackable on different screen widths, but .col-xs-* are horizontal at all times as they don’t have any breakpoints. So just try to use .col-xs-8 instead of .col-lg-8

Hi.

Could you please tell me which wizard are you using? There are 3 of them and each has different options.

Also, Bootstrap date picker isn’t a stand alone component, it comes only as a part of Date paginator. Please let me know what plugin’s name you include in your page.

Thanks

Hi, just seen your response. Appreciate your input since I am still stuck on this. I am using the second example in steps wizard. <form class=”steps-validation wizard clearfix” action=”#” role=”application” id=”steps-uid-4” novalidate=”novalidate”>

My included js libraries are: <script type=”text/javascript” src=”assets/js/plugins/loaders/pace.min.js”></script> <script type=”text/javascript” src=”assets/js/core/libraries/jquery.min.js”></script> <script type=”text/javascript” src=”assets/js/core/libraries/bootstrap.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/loaders/blockui.min.js”></script> <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?libraries=places”></script> <script type=”text/javascript” charset=”UTF-8” src=”http://maps.google.com/maps-api-v3/api/js/23/2/intl/en_au/stats.js”></script> <script type=”text/javascript” src=”assets/js/plugins/extensions/cookie.js”></script> <script type=”text/javascript” src=”assets/js/core/libraries/jquery_ui/widgets.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/pickers/location/location.js”></script> <script type=”text/javascript” src=”assets/js/plugins/ui/prism.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/forms/wizards/steps.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/forms/selects/select2.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/visualization/d3/d3.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/visualization/d3/d3_tooltip.js”></script> <script type=”text/javascript” src=”assets/js/plugins/forms/styling/switchery.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/forms/styling/uniform.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/forms/selects/bootstrap_multiselect.js”></script> <script type=”text/javascript” src=”assets/js/plugins/ui/moment/moment.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/extensions/cookie.js”></script> <script type=”text/javascript” src=”assets/js/plugins/ui/nicescroll.min.js”></script> <script type=”text/javascript” src=”assets/js/plugins/ui/drilldown.js”></script> <script type=”text/javascript” src=”assets/js/core/app.js”></script> <script type=”text/javascript” src=”assets/js/pages/picker_date.js”></script>

Hey,

No problem, the first thing i want to ask – please check your console for js errors. I think the problem is with loading of unused components. I will replicate your issue later today with components you’ve mentioned and let you know necessary config.

Thanks

Hey

By default, all sidebars are hidden on mobile and can be opened on top navbar button click. If you use 2 sidebars, there are 3 different buttons appear on the top right side – for main sidebar, for secondary sidebar and for navbar nav.

From the UX point of view, i wouldn’t suggest to keep sidebar visible on top of content, because users need to scroll down to see the actual content. Since sidebars display alternative information, they need to open “on demand”. So if your secondary sidebar has a lot of content, main page content is hidden.

However, if you want it to be visible, you need to edit media queries in sidebar.less file located in assets/less/core/layout/ folder. Please do not make any changes in CSS files directly, because in future updates all your changes will be overwritten. Edit LESS files instead, it’s much easier to track all changes in styles.

Thanks

Thanks – I have added a custom.css file and put all my changes in there so any updates do not get over written.

The content in the right sidebar is the most important content of all which is why it shows on every page but I added a media query, added a class and set to display block and it now shows first as I needed

Thanks

Understood, also add margin to it so it displays as a block and add width: auto; to remove 100% width. You can also add a border if you use white sidebar.

Let me know if you have any other issues with them.

Thanks

Hi.

These 2 files you mentioned are mandatory and need to be used on all pages: jquery.min.js and bootstrap.min.js – they are responsible for all functionality.

Other JS files are optional. If you want to use Select2 selects and styled checkboxes, you need to include 2 plugins and load them after jquery and bootstrap files:

/path to select2/select2.min.js
/path to uniform/uniform.min.js

All files in assets/js/pages/ folder are for demonstration purposes. File form_checkboxes_radios.js contains ALL examples from this page which means it initializes 3 plugins with multiple examples. Including this file you get JS errors, because you try to init plugin that doesn’t exist. I would suggest to create 1 JS file and add only those code pieces that are actually in use. So in your case this will be:

// Select with search
$('.select-search').select2();

// Checkboxes and radios
$(".styled").uniform({
    radioClass: 'choice'
});

Should work now.

Thanks

Thanks for fast return

my problem not solved

example this code in

search select work but checkbox not work

<script type="text/javascript" src="assets/js/plugins/forms/selects/select2.min.js"></script> <script type="text/javascript" src="assets/js/pages/form_select2.js"></script> <script type="text/javascript" src="assets/js/plugins/forms/styling/uniform.min.js"></script> <script type="text/javascript" src="assets/js/pages/form_checkboxes_radios.js"></script> <div class="form-group"> <label class="control-label col-lg-1">Ilce / Il</label> <div class="col-lg-5"> <select class="select-minimum"> <optgroup label="Mountain Time Zone"> <option value="AZ">Arizona</option> <option value="CO">Colorado</option> <option value="ID">Idaho</option> <option value="WY">Wyoming</option> </optgroup> <optgroup label="Central Time Zone"> <option value="AL">Alabama</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> </optgroup> <optgroup label="Eastern Time Zone"> <option value="CT">Connecticut</option> <option value="FL">Florida</option> <option value="MA">Massachusetts</option> <option value="WV">West Virginia</option> </optgroup> </select> </div> </div> <br /> <div class="form-group"> <label class="control-label col-lg-1">Administrator</label> <div class="checkbox checkbox-switchery"> <label> <input type="checkbox" name="admin" class="switchery-primary" value="1"> </label> </div> </div>

Replied back to your email

Hey,

Yes sure, widgets are planned for next 2 updates: statistics, info blocks, cards and other widget types. For now it doesn’t have a lot, but it’s in active development and next updates will include a lot of new stuff.

Thanks

Awesome! I look forward to the update…thanks

Nothing serious, just keeping it up-to-date Thank you!

Hi,

What select menu plugin are you using? And what is the problem with validation – it ignores select? Also can i see your select and validation codes?

Thanks

<label>Group No: * </label> <select name=”group” data-placeholder=”Select” class=”select” required> <option value=””></option> <option value=”1”>test1</option> <option value=”2”>test2</option> </select> i’m using Wizard with form validation, without selecting this group no it’s go to next level

That is weird, your code is correct. Could you please let me know which wizard are you using? There are 3 of them and each has different settings.

You can also check wizard examples, all of them have validation options enabled.

Thanks

Hello,

Sure, first of all it’s html HTML template and if you think template components suit your needs than it should work for any kind of application. Large data sets are supported by datatables, charts and other components. So it really depends on your specific needs.

Thanks

Hello,

Do you get any JS errors in your console? And may i see your initialization code?

Thanks

thank you again

i purchased it now i want to use 3rd layout with sticky side bar (custom scroll),, but when i delete the content (dashboard sample content) or replace it the sticky side bar not working! please try it and advise me

thanks a lot dear

i got it! just i removed the dashboard js file and it’s working now

Hey.

Yeah, dashboard.js contains all charts used on home page, if you remove content – don’t forget to exclude files with plugins inits Also there is a confirmed bug in bootstrap affix component – if window height is smaller than affixed component, it jumps all the time on scroll when you try to affix sidebar. There is no any workaround yet, but i\m trying to find a solution.

Thanks!

Hello,

In theory yes, it can be done, but it’ll require some additional development. I haven’t tested this king of layout, so i can’t tell you for sure.

You can add 1 more div between sidebar and content area with 2-3px width and use it as a handle. And then resize sidebar and content area widths using jquery ui.

Also here is a free jquery library that supports resizable layout. But again, by default Limitless doesn’t support it and requires modifications.

Thanks!

Hello,

First of all, you need to change default font family for body – open file variables.less located in assets/less/core/variables/ folder, find @font-family-sans-serif variable (approximately line #59) and change it to whatever you want.

Also remove Roboto font loading from your pages:

<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">

Thanks

Thanks it worked

You are welcome.

Don’t forget to specify correct font weight, because roboto font supports quite a lot – light, thin, black, semibold, bold. Most of the fonts support 2-3 weights only.

Hi.

This is not a good feature really, because the main part on the page is content and it needs to be accessible from the top – nobody likes when page jumps to the focused input field on page load, right? If you open the page and it jumps to the active link in navigation, you’ll need to scroll to top and start reading your content, this case requires more actions from you.

The same is for animated scroll to the middle of the page. When i click on nav item, i expect it to be on the same place where i clicked, but not to search for it again after click. This feature is very easy to add, but it’s more a custom one and i don’t think i will add it, because from the UX point of view this is an extra.

Thanks

Hey.

Yes, this is a default table responsive option – horizontal scrolling inside table content. If you need to hide columns on small screens and make them toggle on click, you need to use Responsive extension – include responsive.min.js extension and add responsive: true option in your table configuration.

Thanks

Hello.

Basically yes, it supports any kind of applications as it’s a pure HTML template. However there is no any media player built-in, but if that’s not a problem and you’ll use your own solution – go for it

Thanks!

Hello,

Sure will do, thanks for suggestion! Already considered, but didn’t test it yet. Will do in the next version.

Thanks

Great!

By the way, do you use GitHub for your project? It would be great if you can give access to your buyers (like Oxygenna does for their “Triangular” template), it helps you to track issues and manage pull requests.

Nope, i didn’t create it yet. But will do for sure later this month, i see it’s quite popular to have it I’ll post an announcement here in comments once it’s ready.

Thanks!