Hi

You can wrap modal body and modal footer with buttons in form tag and change Submit button type to submit. This option will submit form, to close modal when form is submitted, you can use something like:

$("#id_form").on("submit", function(){
   $('#your-modal').modal('hide');
 });

Thanks

Thank you for your reply.

The above code hides the modal but it does not submit the form.

The reason is that button element does not triggers the submission of a form (in js), so I replaced button with submit and it worked without the js,

I also tried

$ ( button_id ) . click(function() { ..hide modal; $( form_id ) . submit();

This submits the form, but the button contents are not submitted. After searching jquery web sites, I found that when you submit a form using jquery, the button value is not submitted. In my case, I have more that one buttons per form, the buttons have description and I need to know which one was clicked and what was the value of the clicked button.

So I finally used the classic submit combined with hidden element to pass the value of the submit. In this case there is no need of js.

General speaking, the advantage of using button over submit is that buttons have 3 tags, name, value and description (between buton /button), while submits have 2. That means, in submits the value goes as description and it is not handy if it is required to be processed.

Thank you for your great and fast support. You always try and give a hint / solution.

Hey

Ha, thank you for the tip! I have used simple forms with submit button type in modals and it always worked properly as a very basic functionality.

Thanks!

Hi

I would suggest to go through changelog in documentation and update all files listed in 1.4 and 1.5, if you update directly to 1.5, you’ll probably skip some bug fixes in less files.

Thanks

Thank you!

Hi.

Yep, unfortunately this is a negative side of default responsive feature, where table has a horizontal scrollbar. To remove scrollbar, change dom option in DT config from this:

dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>'

to this:

dom: '<"datatable-header"fl><""t><"datatable-footer"ip>'

Basically you need to remove .datatable-scroll-wrap class which adds horizontal scrollbar.

Let me know please if that works for you.

Thanks

Thank you

You are very welcome

Hi

As far as i know, Handsontable cell type doesn’t support Autocomplete. There is a feature request on github, but hasn’t been added yet.

Thanks

Thanks For the Reply

Hi

Unfortunately i’m not familiar with React, so can’t help you much i’m afraid. Found this article about methods binding, might be helpful.

Sorry about that.

Thanks

Hi

Hmm, should work fine. Do you get any errors in browser console?

Thanks

Hello

1. Please do not use any JS files from assets/js/pages/ folder in development, each file contains a lot of examples of multiple plugins and configurations. In your case, you just need to use datatables defaults and initialization code of basic example.

2. Construction function means datatables initialization, including required defaults (on top in datatables_basic.js).

3. By default, DT doesn’t have styling select and displays default select without any styling. To make them nice, you also need to include Select2 plugin and initialize it after DT init.

Let me know if you have further questions.

Thanks

Hi

Please refer to Plupload documentation for complete instructions.

Thanks

Hey Alexis

1. You can find 2 options for LESS compilation in Documentation – using desktop apps and gulp, both have detailed instructions.

2. There are 2 components.less files – in less/_main_full/ and less/_main_starters/, in your case you need to use /_main_starters/ one. Both full version and starters have same less files path, the only difference is components.less files.

Let me know if you have any questions.

Thanks

Hey

Of course, there should not be any conflicts if you have done everything correctly. Can you please email me your code to e.kopyov[at]gmail.com? I need to see the whole code you are using on your page to find out what exactly is wrong.

Thanks

Hey

Basically you can use Bootstrap’s collapsible plugin with some custom toggle button – inside panel title or make the whole panel title clickable.

Thanks

i don’t want to use panels there but ‘media’ divs from your comments example on theme. i want those media div’s to be collapsible.

Hi

Sorry for delayed response, on holiday.

Logic is the same, you just need to specify toggle button and container, which that button will collapse/expand. So for media, you need to toggle .media-list or .panel-body container, something like:

<div class="panel panel-flat">
    <div class="panel-heading">
        <h6 class="panel-title">Comments</h6>

        <div class="heading-elements">
            <button type="button" class="btn btn-link btn-icon heading-btn" data-toggle="collapse" data-target="#comments">
                <i class="icon-menu7" />
            </button>
        </div>
    </div>

    <div class="collapse in" id="comments">
        <div class="panel-body">
            ...
        </div>
    </div>
</div>

Thanks

Hi

I tried both footables and datatables. I have some “big” tables, for example 10 services, each service 5 different classes (categories), and prices for 15 days as form fields (text input). So products go on rows and days in columns. That’s the reason I was looking for colspan to separate (group) services, scroll bars yes or no, excel like tables or no, etc. I was looking for the best possible presentation by means of user friendly interface.

Thank you for your support.

Hi

Hmm, i am not sure if i can suggest you anything here. You can look at this type of table layout – all rows are grouped by label in hidden column and that group title uses colspan, perhaps this solution will give you a hint on further development.

Thanks

Thank you

Hey Jason

Yep already tried to fix it with CSS, but had no luck. Original website has the same issue, probably something to do with PDF embed. Also tried different configurations, but still nothing. There is an option though to use icons instead of file preview, might be helpful.

I’ll be watching this issue on File Input github and fix when some solution comes up.

Thanks

Hi

Embarrassing fact? Well it’s a custom icon set, which is based on Icomoon and a few other sets. If you want to use Icomoon only, you can easily change icons as both are based on 16px grid.

Will do, sir. Loading jQuery UI before Bootstrap should fit the issue.

Thanks

Hey David

Of course, all updates are free and you don’t need to purchase additional licenses nor extend existing one. Boostrap 4 is still in Alpha version and is pretty unstable at the moment and in active development. I want to start integration in a while to have enough time before they release a stable version.

Thanks!

Hi

Please always refer to detailed changelog in Documentation, it includes a list of new and updated files that need to be replaced.

Yes, all layouts have been updated to the latest version in live preview. If you still see 1.4, try to clear browser cache.

Thanks

Hey

Not really, just a set of new pages and navigation. Please refer to changelog in documentation, there is a list of all JS files that need to be updated.

Thanks

Hi

You can try this solution if you want to group rows and give them specific title. Table config is in assets/js/pages/task_list.js

Thanks

Excellent! Thanks a lot.

You are very welcome!

Thank you!