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 should check the plugin’s official documentation here: http://www.dropzonejs.com/. Please refer to the “CONFIGURE” section where maxFilesize and file accept settings are explained.
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.
Yes, if I change the dropzone.js file directly I get to filter. But I try not to change the CORE scripts. So I search for the syntax to add form-dropzone.js to customize without affecting the original files for the update to come. Regards
Hi
,
You should do the change in form-dropzone.js or create a new script and reuse this to fir your own requirements. This is normal approach since those scripts are not core script, they are just demo scripts which can be reused and customized further. The core scripts are located under assets/admin/layout/scripts and assets/global/scripts/.
Thanks.
Yes, now I modified the script CORE assets / admin / layout / scripts and assets / global / scripts /
Dropzone.prototype.defaultOptions = {
url: null,
method: "post",
withCredentials: false,
parallelUploads: 5,
uploadMultiple: false,
maxFilesize: 4,
paramName: "file",
createImageThumbnails: true,
maxThumbnailFilesize: 10,
thumbnailWidth: 100,
thumbnailHeight: 100,
maxFiles: null,
params: {},
clickable: true,
ignoreHiddenFiles: true,
acceptedFiles: null,
acceptedMimeTypes: "application/pdf,image/jpeg,image/png,image/gif",
autoProcessQueue: true,
addRemoveLinks: false,
previewsContainer: null,
dictDefaultMessage: "Déposer des fichiers ici pour télécharger",
dictFallbackMessage: "Votre navigateur ne supporte pas le téléchargement de fichiers de glisser-déposer.",
dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
dictFileTooBig: "Le fichier est trop gros ({{filesize}}MiB). Taille maximum du fichier: {{maxFilesize}}MiB.",
dictInvalidFileType: "Vous ne pouvez pas télécharger des fichiers de ce type.",
dictResponseError: "Serveur a répondu avec {{statusCode}} code.",
dictCancelUpload: "Annuler le téléchargement",
dictCancelUploadConfirmation: "Êtes-vous sûr de vouloir annuler ce téléchargement?",
dictRemoveFile: "Supprimer le fichier",
dictRemoveFileConfirmation: null,
dictMaxFilesExceeded: "Vous ne pouvez pas télécharger plus fichiers.",
And that’s what I do not want, I would like to make changes to a custom script, for example form-dropzone.js
But I can not find the right syntax.
how to include in this script?
var FormDropzone = function () {
return {
//main function to initiate the module
init: function () {
Dropzone.options.myDropzone = {
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);
});
}
}
}
};
}();
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.
<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
,
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 
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?
Hello author.
You have to answer all messages, but did not answer my message 
Hi
,
If you need any further assistance please let us know.
Thanks.
It does not matter 
When data is entered into the database tables are updated automatically. I can not do it. Please could you help?
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
,
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-scrollIf 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.htmlI’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
the check boxes as well in dynamic don’t work
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/#tooltipsTo 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.