2227 comments found.
??????! ???????? ????? ?????!
???????? ? ???? ?????? – ??? ??????? ? ????? ????. ? ???????? ??? ??? ?? CORAL – ???? ????????? ??? ????? ????, ?? ??? ?????? ???? – ????? ????? ?? ?????????? ????????, ??????? ???????? ? ?? – ??????????? ? ???? ????????? ??????? ?????? ? ???? ??? ? ?? ?????.
???????? ? ???? ???? ??? ?? ???????? ??? ?????? ??? ???????? ??????????, ??? ????? ??????????????? (less/sass) ? ???????? (grunt/gulp/...)
????? ????????? ?? ?????, ?????? ?? ??????? ???????? ??? ??????????? ??????? ?? ??? ????? ?? ????????? ????????????.
Hi any plans to have angularjs version?
Hi.
Yes, in future releases. Can’t tell you exact timeframe, but will be definitely added once i finish all my planned todo’s.
Thanks!
Validation And Bootstrap file input The problem
Hi.
It does work as expected, the only issue is error/success label placement, by default it adds label to the file input, but here file input attached to the button. You can easily change the position using errorPlacement: {} option in validation configuration
10 minute increments:
Selection time is not shown
After selection, can you let the time to show it?
Find a problem?
format: ‘MM/DD/YYYY h:mm A’
Change
locale: { format: ‘MM/DD/YYYY h:mm A’ }
Time does not show that the problem should be style issues
.daterangepicker .daterangepicker_input .form-control { padding-right: 0; }
You are right, format option should be used inside locale. Will be fixed in upcoming update.
Regarding am/pm visibility. There is a calendar icon on the right side, all we need to do is to reduce right padding for 1px. Here is LESS code where it can be done, in daterange.less:
// Text inputs
.daterangepicker_input {
position: relative;
// Calendar icons
i {
position: absolute;
right: @padding-base-horizontal;
top: auto;
bottom: ((@icon-font-size / 2) + 2); // half icon size + borders
color: @text-muted;
}
// Add right padding for inputs
.form-control {
padding-right: (@padding-base-horizontal + @icon-font-size + @padding-base-vertical) - 1; // the change is here
}
}
That’s it. Thanks!
Hello again,
I have a couple more questions:
QUESTION 1: I need my DataTable to fit two lines in one “td”, so I can fit more information vertically, which would provide better usability for mobile devices. So I would set a max-width for a table column and the information would stack up. Is it easy to do?
QUESTION 2: On the responsive tables with the “plus” sign, I would like to use it on PCs too, and not only for cellphone and tablets, like the examples shown. So in other words, I need the “plus” sign to show for all screen sizes, and not only for mobile devices. How can I do that?
Thank you for your time.
Paulo.
Hello,
1. If you’ll be using Responsive extension, should be easy to do. If a simple horizontal scrolling – no, because it makes all content inside table rows displayed in a single line without wrap.
2. Yes, it can be done using one of available classes. As far as i remember, using none class will hide the column on all screen sizes.
Thanks
Hello,
I have really enjoyed working with your theme. Thank you. I have a few questions regarding the E-charts – the donut charts specifically:
Is it possible to customize the colors of the charts that appear?
Is it possible to remove the legend without losing the different colors of the graphs? Currently, if I remove the legend option in the javascript, all of the donut charts become the same color. Any way to avoid this?
One last question as it relates to how data determines how the graph is drawn. Currently, when you specify a value for the donut chart, lets say ‘25’ then the donut chart’s display is = 25% ... However is it possible to create a scenario where the value displayed is 25 , but the percentage represented on the donut chart is 50%, does that make sense?
Hello.
1. Sure, open limitless.js file located in assets/js/plugins/visualization/echarts/theme/ folder, there is an array of 20 main colors used for all charts. This file is a main charts theme and is a bit messy at the moment, will clean up in the next update with proper comments. Or if you want to use specific colors in a specific chart, you can change default colors directly inseries: [] option using itemStyle. For example:
// Add series
series: [{
name: 'Browsers',
type: 'pie',
radius: '70%',
center: ['50%', '57.5%'],
data: [
{
value: 335,
name: 'IE',
itemStyle: {
normal: {
color: 'tomato'
}
}
}
...
]
}]
2. Yes, just tried to remove legend in basic pie chart – all chart colors remain the same. Try to remove
// Add legend
legend: {
orient: 'vertical',
x: 'left',
data: ['IE', 'Opera', 'Safari', 'Firefox', 'Chrome']
}
code from the chart configuration. Are you doing the same thing?3. As far as i understood, you want to display item value and % of a sum of all values? If yes, you need to specify a tooltip formatting. For available variables please see this page, below the table. Formatter used in Basic pie chart example is:
formatter: "{a} <br />{b}: {c} ({d}%)"
where {a} – series name; {b} – data item name; {c} – value; {d} – percent value.
Thanks!
Thank you, this helps a lot – I will give it all a try
One last question—when I re-size the window down to a mobile size, the donut charts get squished instead of re-adjusting. How do I make sure the donut charts align differently (ie vertical instead of horizontal) .. or say stacking two on top of another two
1. If you mean single donut chart – remove .has-minimum-width class from the chart element and .has-scroll class from the chart parent container. Now your donut chart will be scaled on small devices instead of fixed width with horizontal scroll.
center: ['70%', '82.5%'] // horizontal and vertical positionYou can change the amount of charts on a single line and use multiple instead, but as charts are rendered in canvas, there is no any possibility to wrap charts automatically at the moment.
Thanks
Hi Thank you – I think I may have to use single pie’s instead of donuts.
Another Question – I am looking to put the same chart a couple times on the page (one at the top and one at the bottom). I see that the chart is called via Element ID, so I tried calling by class in two different DOM elements with no success – any ideas?
Hi.
I’ve tried to initialize it with class name as well, but had no luck. There is no any documentation about using classes instead of id’s, i’ve tried to use
ec.init(document.getElementsByClassName('basic_pie')[0], limitless);
also doesn’t work as expected. Since it’s a quite new library, i can’t find any information about this. I’ll keep digging deeper. For now you can use multiple inits for multiple id’s, but applying same options.
Thanks!
Hello, Do you know how to customize the look of the steps display in stepy? So for example changing the color, or changing the checkmark and pencil icons to something else?
Thanks!
Hi.
Pretty easy to do. Open ../less/components/plugins/forms/wizards/stepy.less, find @brand-info variable – this is the light blue color. To change icons, there are 2 icon codes: ed6c (checkmark) and e913 (pencil). You may use any code you need from Icomoon package. If you don’t know how to get the icon code please email me, i’ll send you demo with icon codes.
Thanks
Hello,
I have two questions:
QUESTION 1 I am from Brazil and in regards to numbers, we use commas in the place of dots and dots in place of commas. So for example, while you write 1,000 for one thousand, I would write 1.000 for one thousand. And while you would write “1.5” for one and a half, I would write “1,5” for one and a half. I would like to know if the template allows me to switch that so the table sorts data according to the brazilian standards.
QUESTION 2 Regarding Data Tables with fixed columns, I noticed that the columns, are not fixed on small screen sizes. Is it possible to keep it fixed for all screen sizes?
Thank you for your time.
Paulo.
Hello,
1. Yes, Datatables offers a lot of sorting plugins. I haven’t added them, because of a very specific use. But you can easily add necessary one just by including it to your page.
2. Yes, it is possible. I turned it off on mobiles, because if fixed column is too wide, you won’t be able to scroll horizontally. It can be turned on with CSS.
Thanks!
Hi
Can you please explain licence terms? We start to create APP & planned to use this theme, but I can’t understand if it is possible to allow download our product for free as open source?
Thank you
Can you provide more information on moving panels? The only example that is provided is appearance_panel_heading.html, but I can’t figure out which scripts/ code is required to make this move and to move in place of other elements. Thanks
Hi.
If you mean sortable (draggable) panels, you can find them on appearance_draggable_panels.html, it uses jquery ui sortable interactions. A demo configurations you can find in appearance_draggable_panels.js file located in assets/js/pages/ folder. Let me know please what information exactly you need.
Thanks
Thanks for the reply. Yes this is exactly what I mean. I’ve included appearance_draggable_panels.js along with jquery ui sortable interactions. I’ve copied the content section of the demo page, but it doesn’t want to let me drag. When I try to, the icon itself moves, not the panel.
http://pastebin.com/dnjNqiGEFirst of all, there is a JS error related to the dashboard charts. If you don’t use them, make sure there is no any code that has a configuration added to the loading files, which is not actually used on the page.
Here is the code of your head with files you need to load: http://pastebin.com/j47eresn
I’ve removed unnecessary files and duplicates. No need to load a full jQueryUI library, there are 2 files already added that are responsible for sorting functionality.
Another thing is – please move your first set of columns from .content-wrapper container to .content container, because you got a wrong markup there.
Should work now
Thanks
Thanks for the help.
i have some error in DataTabe if i but columns less 5 columns he said you must but 5 can you give me the solution
I am sorry, but I don’t understand. Could you please provide more details?
Thanks
i have this error (alert) DataTables Warning : Table id =DataTables_Table_0 – Requested unknown parameter ‘5’
Check your td’s and th’s in thead and tbody, they should be equal. Seems like you’re missing th or have an extra one
Or another reason may be – check your configuration code, probably you apply some option for the column which doesn’t exist. Column ordering starts from 0
If it is more than a page, select the second page selection box style is not right.
If your table has enough rows, in this case more than 25, second page will be active. For now there is nothing to show on the second page, that’s why it is inactive
Download not available Whoops! Looks like you’ve already downloaded this item 20 times in the last 24 hours. That’s the daily limit! Come back in 24 hours to download it again. Learn about download limits.
You need to contact Envato support if you have any issues with downloading. I can’t help you here because the template archive is stored on Envato servers.
Thanks
Once downloaded, it is forbidden to download.
Hi;
I want to an invoice template. but I want to learn which framework did you use.
So we will use laravel framework. If we use this tempalate, can we develope it with laravel ?
Thank you very much
Hi.
Yes sure, since it’s a static HTML template built with Bootstrap. It should work with Laravel framework, but of course requires development.
Thanks!
??????
Not download
Once downloaded, it is forbidden to download.
Hello again,
thanks for the update. I would like to know what version of sweet-alert you use ? You provide the .min.js version, so no comment to know the version.
I’m asking this because I use the latest version : 1.1.3 and the style that you provide isn’t applied totally (http://i.imgur.com/AErL2WP.png).
Any chance you can update your style for the last version ?
Tnx !
Hello
You are right, just checked it, seems like they have changed core classes of alert components. I’ll update stylings within 2 days and let you know.
Thanks!
Yep, that’s what I thought too. Thanks dude, you are awesome !
Any update ?
Hi.
Will be ready in a few hours, working on it right now.
Thanks
Cool, thanks 
Do you need LESS file only or a compiled components.css? If CSS, what layout are you using?
I’m using LESS with Layout 3
PERFECT ! Thank you again.
I don’t want to ask too much, but do you know how I can make a footer sticky. Not sticky like it’s always there but something like when there aren’t enough content, the footer stays at the bottom anyway.
Sorry if I didn’t explain correctly. If you didn’t, just tell me I’ll try to use other words ^^‘
Hi.
This functionality is added by default, footer should be always sticky to bottom. However it’s a bit tricky – min height of page container is calculated with JS. I’ll try to implement calc() feature instead of JS.
The code for default calculation is in app.js
Thanks
Awww ok ok, my bad. I don’t use any of your javascript. I’m rewriting everything in Angular. Thanks for the info !
No problem, I’ll find a better solution for this feature, JS isn’t the best one..
Thanks!
Hello, can not download it, can send my mail?
63490794@qq.comHello.
The package size is around 140Mb, unfortunately i can’t send it via email as the size is too big. The template is stored on Envato’s server, what is the problem with your download? I think would be better if you contact Envato support directly.
Thanks!
Hi. Can you please tell me how to create 3 stacked radio buttons, with the 3rd radio button being ‘Other’ and including a text input? Thanks!
Hi.
Well, you can use different methods for this, like add text input dynamically by appending a piece of HTML code using jQuery, or add hidden text input and show it only when specific radio button is checked. Here is one of the solutions:
<div class="form-group">
<label class="text-semibold">Radio group title</label>
<div class="radio">
<label>
<input type="radio" name="radio_btn" value="one">
One
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="radio_btn" value="two">
Two
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="radio_btn" value="three">
Three
</label>
</div>
</div>
<div class="form-group hide" id="target">
<label>Input field</label>
<input type="text" class="form-control" value="http://">
</div>
and jquery code to toggle “hide” class:
$('input[name=radio_btn]').on('change', function() {
if($(this).attr('value')=="three") {
$('#target').removeClass('hide');
}
else {
$('#target').addClass('hide');
}
});
You can also use “click” event, it’s up to you.
Thanks
Wel I don’t know but i purchased this product and when I try to compile less i get about 10,000 errors… tons of variables not defined – nothing works… ZERO documentation on how to do this… downloaded Koala – says in broken english to just compile the 4 files but koala requires a whole folder – including whole folder ruins everything – freezes up, errors, can’t edit a single piece of CSS in this entire project – completely useless – PLEASE provide proper documentation for your project
Again, documentation clearly says – there are 4 main files, that need to be compiled. I can not know what tools you are using for it, but once you know what to do, it’s very easy to use, you just need to setup everything properly.
Now you’re getting 10,000 errors, because variables aren’t imported in all less files, they are imported in 4 main files only. So when you compile only them, you don’t get any errors, because all variables are defined properly. If you compile, let’s say, datatables.less, you’ll get errors, because this file uses global variables, but they are not imported. If you don’t know how to use LESS – let me know, i’ll describe everything in details.
Can’t even edit a thing… tnos of LESS and Variable errors – I have to define every single variable manually?
Perhaps some actual documentation on how to set this up and make this work would be good to have? Every variable I fix comes with another one…
/Users/bradennapier/Desktop/Dropbox/Dash Automation LLC/Dash2.0/themeforest-13080328-limitless-responsive-web-application-kit/Layout 1/LTR/starters/assets/less/core/layout/sidebar.less NameError: variable @sidebar-dark-bg is undefined in /Users/bradennapier/Desktop/Dropbox/Dash Automation LLC/Dash2.0/themeforest-13080328-limitless-responsive-web-application-kit/Layout 1/LTR/starters/assets/less/core/layout/sidebar.less:18:19 17 .sidebar { 18 background-color: @sidebar-dark-bg; 19 color: #fff;
Seems like you didn’t read documentation about LESS compilation. As stated there, you need to include only 4 main files: colors.less, components.less, bootstrap.less and core.less and compile only them. Now you try to compile all less files, where each less file compiles into separate css file. These 4 files include paths to all other LESS files, so when you make any changes in any less file, these 4 files re-compile automatically.
Please read documentation first. If you have any issues with LESS, let me know and i’ll help you out.
Thanks
I read the documentation – and I read that i should only compiel those 4 files, but the application you recommend does not let you add files – you have to add folders – therefore you have to add EVERYTHING and there seems to be no way to add just the 4. It didn’t say anythign about creating my own folder for these as I figure this will break things…
Right, when you load a folder in Koala, it automatically tries to compile all less files inside this folder. Ignore all errors, choose all files – right click – toggle auto compile. After that choose only those files you want to compile – 4 main files, enable auto compile for them and you’re done .From now on, any change in any less file will automatically re-compile it.
Koala isn’t a suggestion, you can do less compilation using a lot of different tools, i’ve just stated that i used Koala.
Not to mention when I do compile just components.less it says success but absolutely nothing happens to the css… I deleted all content in sidebar.less then I saved it. I get tons of errors every time due to having to add all files in koala… then i said compile only the component.less and it says success – nothing is affected…
I can’t change or add anythign it does nothing.
Please calm down, nobody had any errors with LESS compile before. I’m here to help and show how to do it, even if you didn’t work with it or don’t know how to do it.
Could you please contact me via profile page form and i’ll write a complete guide for you.