Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 120,106 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12220 comments found.

Hi, I can not find the correct syntax to add parameters to DOPZONEJS I would add the restriction for file types Size, etc. .. I have found the variables to use, maxfilesize, acceptedFiles, etc.. But I do not understand how to integrate them. I assume it’s in assets / admin / pages / scripts / form-dropzone.js But either how ?? I tested different example found on the net, but it does not work Do you have any example that I understand the integration of these functions?

my code perfectly works
<form action="./dropzone_upload.php" class="dropzone" id="my-dropzone"></form>
dropzone_upload.php
<?php
session_start();
$dossier = './Uploads/'.$_SESSION['SESS_CUSTOM_DIR'].'';
if(!is_dir($dossier)){
   mkdir($dossier);
}

$ds          = DIRECTORY_SEPARATOR;  //1

$storeFolder = './Uploads/'.$_SESSION['SESS_CUSTOM_DIR'].'';   //2

if (!empty($_FILES)) {

    $tempFile = $_FILES['file']['tmp_name'];          //3             

    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  //4

    $targetFile =  $targetPath. $_FILES['file']['name'];  //5

    move_uploaded_file($tempFile,$targetFile); //6

}
?>

Many thanks for your help Regards

Hi :),

You can simply add the supported parameter as shown below(refer to “your params” comment):

var FormDropzone = function () {

    return {
        //main function to initiate the module
        init: function () {  

            Dropzone.options.myDropzone = {
                // your params
                maxFilesize: 4,
                acceptedMimeTypes: "application/pdf,image/jpeg,image/png,image/gif",

                // handle file attachment display
                init: function() {
                    this.on("addedfile", function(file) {
                        // Create the remove button
                        var removeButton = Dropzone.createElement("<button class='btn btn-sm btn-block'>Retirer fichier</button>");

                        // Capture the Dropzone instance as closure.
                        var _this = this;

                        // Listen to the click event
                        removeButton.addEventListener("click", function(e) {
                          // Make sure the button click doesn't submit the form:
                          e.preventDefault();
                          e.stopPropagation();

                          // Remove the file preview.
                          _this.removeFile(file);
                          // If you want to the delete the file on the server as well,
                          // you can do the AJAX request here.
                        });

                        // Add the button to the file preview element.
                        file.previewElement.appendChild(removeButton);
                    });

                }            
            }
        }
    };
}();

The the above wrapper object will be initialized on document ready:

<script>
jQuery(document).ready(function() {   
    FormDropzone.init(); // this will call the above dropzone initialization 
});
</script>

Actually there is nothing special in your demo script. We referred to the plugin’s documentation to implement this simple demo. You can find more info you can check the plugin’s official documentation.

Thanks.

Thanks, I try ASAP, What difference between
<script>
jQuery(document).ready(function() {   
    FormDropzone.init(); // this will call the above dropzone initialization 
});
</script>
AND
<script>
jQuery(document).ready(function() {       
   // initiate layout and plugins
    Metronic.init(); // init metronic core components
    Layout.init(); // init current layout
    FormDropzone.init();  // <------------Here --------------
    QuickSidebar.init() // init quick sidebar
    FormValidation.init();
    ComponentsFormTools.init();
    Portfolio.init();
    ComponentsPickers.init();
});
</script>
I already use Regards

Hi :),

The second one is correct. You should call FormDropzone.init(); with other functions. Metronic.init(), Layout.init() and QuickSidebar.init() are mandatory to call in every page since they used to initialize the main layout. While other functions are optional based on what external features you are using in the page.

If you need any further clarifications please let us know.

Thanks.

Good day, The Revolution Slider doesn’t seem to be displaying for the Frontend Corporate template on Safari (using iPad2). Doesn’t show on my Andriod phone either (LG Optimus). I’ve viewed both my local site and the Live Preview here on Themeforest and it just doesn’t show up. Works fine on all my desktop/laptops – even when I resize to my phone’s resolution. Any idea how to make it work on mobile Safari/Andriod?

Hi :),

Could you please double check it in the preview site: http://www.keenthemes.com/preview/metronic/theme/templates/frontend/ ? We have checked it in a few devices and all looked good. Please try to clear your browser cache as well.

if you need any further assistance could you please provide us some screenshots ? You can email our support at support@keenthemes.com for any further conversation.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks/

Sent an email. Thanks for the quick response!

Noted. We will check it and reply you shortly. Thanks :)

Hi, Juste for information, in documentation the link for DropzoneJS is not correct. http://www.dropzonejs.com/ send to http://touchpunch.furf.com/, it’s a duplicate link. Bad copy and paste :) Regards

Hi :),

Thanks for the feedback. We will fix it in the next update.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello Author,

I want to know is this possible to add Mega Menu on One Page template. If yes please let me know how I can add?.

Thank you.

Hi :),

The one page parallax theme relies on one level horizontal menu(each menu link is bind to specific content block in the same page) and i can’t think of integrating the mega menu there for the one page theme. If you need to use the mega menu them please consider using the default frontend theme.

If you need any further clarifications please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

datetable auto refresh.

<script type=”text/javascript” src=”dataTables.fnGetHiddenNodes.js”></script> <script type=”text/javascript”> $(document).ready(function() { var table = $(’#sample_6’).dataTable(); </script>

$('#button').click( function () {
        var hidden = table.fnGetHiddenNodes();
        alert( hidden.length +' nodes were returned' );
    } );
} );

Error “datatables warning. table id=sample_6 “

Why am I getting this error? Can you give an example of automatic table update?

Did you use the updated plugin source from https://github.com/DataTables/Plugins/blob/master/api/fnGetHiddenNodes.js ? This plugin source should be compatible with the latest datatables v1.10.x.

METRONIC admin files “fngethiddennodes.js” I can not find a file named.

Hi,

Please note dataTables.fnGetHiddenNodes.js this plugin is not integrated in Metronic yet. So you should have to implement it yourself. You can get the code from https://github.com/DataTables/Plugins/blob/master/api/fnGetHiddenNodes.js and place it under assets/global/plugins/datatables/extensions/ folder and include it in your page to use it in your code. For any further info please follow the documentation of the datatables plugin.

Thanks.

Hi!

Is there full-screen mode for portlets? I saw this feature in another templates in

Hi :),

Noted. We will implement it in the next update.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Is there any limitation for “Basic Auto Complete”- Form Tool? I tried to include 300 words in to the list, It is not working. But If I include 50 words it is working fine.

Regards, Uma

Hi :),

There should not be any limit for the list. The autocomplete list is result of realtime search based on your entered text. For more info you can check the plugin’s official documentation: https://twitter.github.io/typeahead.js/

Thanks.

This is really a very ood template. But in my opinion, admin templates without angularjs are like cars without wheels.

whendo you release update with fully angularjs integration?

Hi :),

Thanks for the feedback. Yeah, we are already working on AngularJS integration. We will announce the ETA for it really soon once we have something up.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I am very happy that once purchased this template. It is amazingly worked!

Hi :),

Thanks for the warm feedback. Really glad to hear that.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

If the website I use this template for does not charge users to use the service but accepts donations from satisfied users, is the Regular license ok for this?

Hi :),

Yes, this should be ok with the regular license.

If you need any further assistance please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

hello. There is problem in last version of firefox look screenshot: http://cdn.joxi.ru/uploads/prod/2014/10/02/297/129/803702bb8ba6f416fddf2bb0029c8a5868bce322.jpg

oh no, it was my fault.

No problem. Please let me know if you need any further assistance.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Need something similar to lazy loading. E.g. ONE: Of the 200 items – the first ten gets display – on scroll the second 10 and so on E.g. TWO: Of the 200 items – the first ten gets display – on click ‘Load More’ the second 10 and so on

Hi :),

At the moment we haven’t integrated this feature yet. But you can check below plugin which can be easily integrated:

https://github.com/paulirish/infinite-scroll

If we can help with anything else please let us know. To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Thanks for this theme . Could you please let us your tentative date for the next release ? I am eagerly waiting to look for new Inbox , Timeline and profile page . If possible please include also the social theme ( Kind of wall )

Regards

Hi :),

Sure, we will announce the ETA soon once we have something up. To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Do you have a Wordpress theme version for Metronic?

thanks, Roden Ugang

Hi :),

No, Metronic is available only as HTML theme. If you need any further clarifications please let us know.

Thanks.

Hi,

Thank you very much for the reply.

All the best, Roden

You are most welcome! To stay updated please follow us on http://twitter.com/keenthemes ;)

On the bootstrap navbar, when in mobile. The navbar toggle button is just a blank grey box. Any info on how to fix this?

http://www.keenthemes.com/preview/metronic/theme/templates/admin3/ui_tabs_accordions_navs.html

I’m talking about the navbars on that page

Hi :),

Thanks for reporting this issue. We will get it fixed it the next update.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi! Great work!

I’m trying to use jcrop.

If I delete (I was just testing) this lines: <script> jQuery(document).ready(function() { Metronic.init(); // init metronic core componets Layout.init(); // init layout Index.init(); Index.initDashboardDaterange(); Index.initJQVMAP(); // init index page’s custom scripts Index.initCalendar(); // init index page’s custom scripts Index.initCharts(); // init index page’s custom scripts Index.initChat(); Index.initMiniCharts(); Index.initIntro(); Tasks.initDashboardWidget(); }); </script>

I t works! but then, nothing else does, so I put them again and jcrop dies again.

I need to make this work!

Hi :),

Could you please check your console ? Do you see any errors ? Also please make sure you included all the required js files for the jcrop demo. You can double check it in form_image_crop.html template.

If you need any further assistance please provide us a link to your developing site for us to check it online. You can email any further details to our support at support@keenthemes.com

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Is there some ETA for the Angular Version?

Hi :),

Its in progress. We will announce the ETA later once we have something up.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Thanks for this great theme.

I wonder if an angular version will be released in the future?

Hi,

Yes, it will be released soon. Right now we are working hard to bring this feature as soon as possible.

Thank you.

Hello.. Tooltip doesn’t work with dynamic form, May you give a solution for it ? Thanks

Hi :),

You should initialize the tooltip and checkboxes dynamically once they populated in the dynamic content as shown below:

$('.my_tooltip').tooltip(); // initialize tooltip
Metronic.initUniform(); // initialize checkbox and radios

For more info please check the official documentation of the bootstrap tooltips plugin and the custom form elements plugin:

http://uniformjs.com/ http://getbootstrap.com/javascript/#tooltips

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Thanks for your solution, actually the tooltips worked perfectly but the checkbox is still not working.. I tried Metronic.initUniform(); and Metronic.init(); but no one works :(

Hi,

You should get it working with Metronic.initUniform(). What code did you use for the checkbox ? Can we check your developing site somewhere online ? You can email us further details to our support at support@keenthemes.com

Thanks.

I sent you an email but still no reply from you .. can you please check?

Hi,

We are checking it now, and will reply asap.

Thank you.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey