Discussion on Limitless - Responsive Web Application Kit

Kopyov

Kopyov supports this item

Supported

This author's response time can be up to 2 business days.

1796 comments found.

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

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

Very sorry for delay. Use .d-inline-flex instead of .d-flex inside your td, this should fix the problem.

Thanks

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

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 ;)

ebizo

ebizo Purchased

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!

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

biglaci

biglaci Purchased

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

biglaci

biglaci Purchased

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

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 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

Hi Eugene, can you help me out with adding Poppins font type to the text editors? Thank you very much!

Hey, We are using the Summernote editor.

Summernote has fontNames option where you can define fonts.

Thanks

Thank you very much!

Hello Eugene, Can you help me how to make required a CKEDITOR input?

Tks

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, 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

63490794

63490794 Purchased

summernote and validate Errors。

summernote and validate Errors。

63490794

63490794 Purchased

Uncaught TypeError: Cannot read property ‘replace’ of undefined

I don’t understand, sorry. Can you please provide more information?

boulepick

boulepick Purchased

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

Echo17

Echo17 Purchased

Hi Eugene, – user pages list is it possible to add a search. I have sent you an email regarding an example. any guidance would be appreciated.

Hi

I have just replied back, sorry for delay

Hello Eugene, is it possible to change the colour of the icons in the sidemenu?

Hello

Of course, you can either use existing color helper classes (.text-danger, .text-pink etc) or add new set with custom colors. Add them to the icon element.

Thanks

by
by
by
by
by
by