2227 comments found.
Have a question on button size and Text? is there a way to disable the uppercase option on the button and is there a size extra small for the buttons. Or are these not available in this version of the kit?
Hi
Button styles follow material design guidelines. You can change text style in SCSS files (_buttons.scss file in /bootstrap_limitless/ folder).
Extra small buttons are not available in BS4 version. But again you can add them in SCSS file.
Thanks
summernote and validate Errors。
summernote and validate Errors。
Uncaught TypeError: Cannot read property ‘replace’ of undefined
I don’t understand, sorry. Can you please provide more information?
Hi Eugene, I’m trying to implement limitless into Angular 7. I have some issues with this display: flex + flex-grow: 1
It works totally fine when running it outside Angular, but when e.g. the simply login form is implemented in Angular the footer is mashed up just below the login form and therefore not sticking to the bottom of the page.. Any clue why Angular imposes this behavior?
Thanks
I found the reason. Since I’m not an expert on this flex stuff yet, then I applied the snippet below for the app-root and also for the respective component scss/css files:
min-height: 100vh; display: flex; flex-direction: column; flex: 1;
Hey,
Sorry for delay.
Yep, flexbox layout is sensitive to containers and classes. Instead of adding new CSS, you can use class=”d-flex flex-column flex-1” in your main container, if it’s different from <body>.
Thanks
Hello Eugene, Can you help me how to make required a CKEDITOR input?
Tks
(validate CKeditor Input, like form_validation.html fields)
Hello
Like any other validation example. With a few exceptions – you need to adjust error label placement and define custom rule for our textarea:
// Initialize
var validator = $('.form-validate-jquery').validate({
...
// Different components require proper error label placement
errorPlacement: function(error, element) {
...
// CKEditor
else if (element.next().hasClass('cke')) {
error.insertAfter( element.next('.cke') );
}
// Other elements
else {
error.insertAfter(element);
}
},
rules: {
...
cktext: {
required: function() {
CKEDITOR.instances.cktext.updateElement();
},
minlength: 10
}
},
messages: {
...
cktext: {
required: 'Please enter Text',
minlength: 'Please enter 10 characters'
}
}
});
where “cktext” is textarea ID and name. Or change it to whatever you want.
That’s pretty much it
Hello, now working, but no message is displayed to user. How to display message below textfield?
‘Please enter Text’ is error text, it’s an addition to existing messages included by default to validation config. Do you get any JS errors?
Sure, no error in Chrome Console, just not appear error text below form.
Can you please send your code to e.kopyov[at]gmail.com? That solution worked for me, might be some minor issue.
Thanks
Sent 
Hey
You just inserted editor to validation page, but haven’t added validation itself to the editor. I’ll configure it for you, but need more time for this, sorry. Will get back to you tomorrow.
Thanks
Hi Eugene, any update?
Hey
I have just sent it over, please check
Hi Eugene, can you help me out with adding Poppins font type to the text editors? Thank you very much!
Hey
Of course, what editor are you using?
Hey, We are using the Summernote editor.
Thank you very much!
Hello Eugene, On datatables, when you filter results and click on dropdown menu icon on the right, menu not working well, appear behind frame… how to fix this?
See here: https://pasteboard.co/HODNz82.png
Thanks
Hello
This is a downside of tables with scrollbar. To fix this issue you need to edit JS config and change this:
dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>'
to this:
dom: '<"datatable-header"fl><""t><"datatable-footer"ip>'
Thanks
Would the elements from bs3 like table, tabs, etc. integrated in the new bs4 – layout 2 theme ? I’am searching for a bs4 Template, which all include this things. On the Demo i see this elements only on bs3.
Hello
Layout 1 is the main layout, which includes the entire set of components. All other layouts are children, they support all components from the main one, but have different layout options. So you can easily use any component from the 1st layout in any other layout, all styles are already there.
This makes maintenance and upgrading process much easier.
Thanks
hello, the Form component / Extended controls / Masked inputs – doesn’t work on Chrome in Android.. http://demo.interface.club/limitless/demo/bs4/Template/layout_1/LTR/default/full/form_controls_extended.html
Hello
Yes, that is a known limitation due to some limitation of touch interfaces. Try to use Formatter instead if you need mobile support.
Thanks
the formater (Input formater – on the same testpage) doesnt work too..
very sorry for misinformation, you are right. It has a bit different logic, so i was thinking it should work. Seems like this is a common bug in other libraries too. I’ll try to find a solution and include in the upcoming update.
Thanks
hello, is any fix available now?
Hello, I wanna buy it . But I have a question. Where is material form input ?
Hello
I am not sure i understand your question. Material theme has all the inputs, with bottom border. Is that what you are looking for?
Thanks
Hi, i recommend to add bottom line and color animation in select2 multiple dropdowns as well – http://demo.interface.club/limitless/demo/bs4/Template/layout_1/LTR/material/full/form_select2.html. We use this template and many users don’t see this elements as inputs.
I made custom css and this looks more prettier and readable.
Hi
Noted, will be added in upcoming update. Yes you are right, it’s not clearly visible that it’s actually a select.
Thanks a lot for suggestion!
how to nestable list group?
I’m trying to adapt https://github.com/RamonSmit/Nestable2
The process is similar to other components, Nestable page has a detailed installation guide – add CSS and JS sources and initialize plugin somewhere.
I’d also like to remind you that your support period has expired 
Hello, how can I add a custom component for example Tempus Dominus BS4 picker. (https://tempusdominus.github.io/bootstrap-4/Usage/) What CSS i need to edit to remove the other time pickers from limitless?
great work, i hope this component will be native on next release
Hello
You can use starter kit (seed project), it excludes all component styling. Then add CSS or SCSS (import in components.scss) files and .js file, just like any other component. That website also has installation section that includes basic requirements.
Thanks
icon toggle in footable. image: http://nimb.ws/m6YzHI html table: https://pastebin.com/TNm80LvN
resize window: http://nimb.ws/AzwGO4
try to add .text-nowrap class to your td, that’s caused by flex container inside td. In theory text-nowrap thingy should work
no solved https://imgur.com/a/eD6Eqzo
Very sorry for delay. Use .d-inline-flex instead of .d-flex inside your td, this should fix the problem.
Thanks
Hi Eugene, Just a query to know if its doable – can you create a Table tree, make it sortable and editable using Drag and drop support, and double click editable for inline edit?
Many thanks for any insight.
Hey
In theory yes – drag and drop can be done with Row reorder extension, in-line edit with Datatables Editor (actually any kind of editing), but I’m not sure about table tree. Is it a nested table or with toggleable children?
Thanks
Hi Eugene, ideally its to have a table that is identical to Table Tree as show in the webkit that is drag and drop sortable and inline-editable. Its nested. When you say is it toggleable children what do you mean? I dont see that in the Table tree so no its not something that we would want. Just the Table Tree with Drag and drop and inline editable. So if that is possible that is great.
Toggleable children – i thought you want to achieve this by using Datatables with children columns.
I haven’t worked with any table tree libraries so can’t tell you for sure i’m afraid. But i know this one – http://wwwendt.de/tech/fancytree/demo/#sample-multi-ext.html which should work fine since it’s in active development. Limitless also includes this component.
Thanks
how to view pagination with footable? (pagination no plugin footable)
Unfortunately Footable that comes in the package is used for responsive static table only, it doesn’t have full list of options. If you need pagination, sorting and filtering, there is Datatables library available, which is preferred.
Thanks
I want to fix my asp.net Gridview Header when scroll. i am taking reference from Menu – Datatables – Fixed Columns. But it not work. So please guide me for which Css-class use for fix header of Gridview when scroll it.
Thanks in advance.
Hi
Would be helpful to see your current implementation as i have no idea why your example doesn’t work.
Thanks
Hey Eugene, Having an issue with the timeline, I attached an image to help out
https://imagebin.ca/v/4KlofFxQ9JyCThe connecting lines are not appearing, can you point me in the right direction to fix this?
I can provide you my code via email if needed.
Thanks in advance.
Hey Steve
Yes please, do send the code. I think one of timelines classes is missing, need to check.
Thanks
in SweetAlert Notifications with Combine messages, cancel button does not work
It does work for me in demo. Or it doesn’t work in your particular case?
in demo
I don’t see any issues in all major browsers, Cancel button works just fine for me. Can you share more details?
the cancel button should show another notification and not the same as the accept button
now it’s clear, thanks. Yes, there’s a wrong configuration for result messages, will be fixed in upcoming update.
Hi. I just downloaded the newest version to play around with. Have you heard of this yet and is there a fix? In IE, some of the icons in the topnav section, such as the menu toggle in full screen view and the 2 menu toggles on the right side top nav section in mobile view, do not appear. I can see them in Chrome but not in IE11. This is the browser supported by our agency so I need to get it working for it. Thanks
You can disregard this. I figured it out.
Double checked in IE and EDGE, couldn’t reproduce it
Thanks
Thanks for your reply. I am noticing that there are noticeable differences in the mobile behavior of the top navigation and footer sections between the bootstrap 3 and 4 versions in IE11. Bootstrap 3 acts perfectly. Bootstrap 4 version is buggy.
Just out of curiosity – where did you find a smartphone with IE11? BS4 isn’t buggy, IE is – it doesn’t fully support flexbox.
Sorry I did not mean to confuse you. I don’t mean when viewing in a mobile device, I meant when resizing the browser to be less than 760px and having the mobile menus appear.
I would say it’s not a real case, because there’s no IE11 available on tablets or mobiles and on desktop it’s a very rare case when IE is resized that much. Usually nobody cares about responsiveness of IE browsers, because there’s always something wrong with it. So just ignore it.
Regarding your problem – i can’t reproduce this issue anyway
Thanks
Thanks for your reply. You are probably right. I would like to invest the time to upgrade my theme using BS4. The first thing I see that is troubling is that my custom style sheet will no longer work since all of the navigation and sidebar classes are named differently.
Yes that is correct. Bootstrap 4 has totally different logic of class names and layout classes follow this rule for the sake of consistency. Also sidebar nav uses default bootstrap list markup logic.
Upgrade will take some time, but it’s definitely worth it
Thanks
Hi Limitless Authors!
I am going to buy your product but I want to ask a little question. I really do not want to go into stuff like build css or javascript, I just really want to use it like grab the html of one component and use it as I like. Can I do that with Limitless?
D
Hi there
You can use it straight away, but if you want to customize it, you need some development skills
Thanks
