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 119,801 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12205 comments found.

Hi,

I would like to give you some suggestions to improve your sell. These are very nice metro style login, model and widgets….. Please watch it and if like so include it.

http://www.sistematicocr.com/MetroLogin/ http://sistematicocr.com/MetroLauncher/ http://sistematicocr.com/metromodal/

-Thanks

Hi :),

Thanks for the suggestion. We will defiantly take a look at theme.

Thanks.

Hi all sorry for my question, Please help me for how to use auto complete with ajax :(

Hi :),

To use the autocomplete with ajax, first you will need to include the bootstrap 2 typehead plugin on your page:

<script src="assets/plugins/bootstrap/js/bootstrap2-typeahead.min.js" type="text/javascript"></script>

Then you can use below to code attach your ajax autocomplete for your input:

$('#my_input').typeahead({
    minLength: 4,
    source: function (query, process) {
        return $.get('/my_script.php', { query: query}, function (data) {
           return process(data.options);
        });
    }
});

The ajax source will be retrieved from a server side script(e.g: my_script.php) and the response must be in JSON format with following structure:

{
    "options": [
        "some value",
        "some value",
        "some value",
        "some value",
    ]
}

Please let me know if you need any further assistance.

Thanks.

Hi, the “drag & drop” of portlets will not work properly. If I move the Protlets so that the middle column is empty then I can not move back any of the Protlet to the middle column.

Hi daniel_tarita,

Thanks for your feedback.

Please note, this is a known issue of the jQueryUI draggable library. We will check it further and try to find a workaround to improve it in a future release.

Thanks.

The form wizard buttons also look very strange when you use very small screen size. They are all out of alignment.

http://www.keenthemes.com/preview/index.php?theme=metronic_admin&page=index.html

Hi envitraux :),

We have fixed this issue in the latest update v1.5.2. Shortly we will update the preview site as well.

Thanks.

Hi,

There is a contact page included, with a contact form. Does the contact form work? Would be something for the future, an amazing theme such as this without a working form. Please let me know!

Jelle

Hi Jellevds :),

Thanks for your feedback. The contact form requires some server side programming in order to make it fully functional. Since this is a HTML5 theme the server side part is up to the purchaser to implement in languages such as PHP, .NET, Pythinm, etc.

Please let me know if you need any further clarification.

Thanks.

I was hoping that you could have a search text box embedded in the top nav bar. Currently you have to click a button to show a search box. It would be nice just to have it visible all the time and in the navbar instead of below it.

Hi envitraux :),

We will take care of it in the next release v1.5.3 very soon. Stay tuned and follow us on http://twitter.com/keenthemes

Thanks

I was waiting for the BootStrap Markdown Editor. When I type something and press Preview, it is not parsing it as Markdown. Instead, it shows it in the same way. But HTML tags are getting parsed while using the preview.

Check this out:
Praveen **Kumar**
Displays as:
Praveen **Kumar**
Where as, when I use:
Praveen <b>Kumar</b>
I get it as:

Praveen Kumar

Is this a bug or the default behaviour? I don’t think it is working as expected. And yeah, again, you guys rock!!!

Hi :),

Thanks for the feedback and comment.

Please note this is the default behavior of the markdown plugin. However you can use below external library to achieve the behavior you need: http://toopay.github.io/bootstrap-markdown/js/markdown.js

So just include markdown.js right after bootstrap-markdown.js on your page and you will get it work as you expected.

Please let me know if you need any further assistance.

Thanks.

Actually no, that is not the default behaviour of the Markdown plugin. I checked the bootstrap-markdown plugin page and it works exactly the same way I was looking for. Is the markdown.js intentionally avoided for the inclusion with the theme or is it a bug? Thanks for the reply… :)

Hi :),

Please note, the bootstrap markdown plugin package does not include the markdown.js library. So it seems like optional. However we will follow your advise and include markdown.js in the next update v1.5.3 to make it work as expected :).

Thanks for your cooperation and advise.

Hi,

great work as usually! I need a fix for this: when I use bootstrap datepicker input with prepend calendar icon, if I validate the field the help-block when error occours reduce input size and doesn’t go on newline cause the div that contains datepicker has class input-medium. I tried to set col-md-12 and everything goes fine but input size is too long…can you help me, please?

Thanks, bye!

Hi paoloveggi :),

Thanks for your feedback.

Actually we will need to enhance the form validation to work properly with bootstrap 3.0 group inputs. We will release this feature in the next update(v1.5.3) very soon. Please stay tuned.

Thanks.

Hi,

we have purchased this theme with another account (so you won’t see the purchased tag at my name).

It looks like that the new language switch bar feature is not fully responsive compatible, because when i switch to a smaller resolution there are display errors.

Also another thing i haven’t found till now is to use a text brand in navbar and not an image. If i just write the text instead of the img tag, it is completely “pressed” to the left side. I haven’t found any kind of class or tag, that would make a text brand like the img one.

Hi sr972 :),

Thanks for your feedback. We will check it further and provide needed enhancement/bug fix in the next update v1.5.3 very soon. Please stay tuned. If you need the above fixes urgently please send us an email at support@keenthemes.com and we will provide the fix as soon as possible.

Thanks.

A small suggestion for the frontend theme. You could add a blog page and item with the sidebar at the left.

Best regards

Hi carlost :),

Thanks for the suggestion. We will definitely consider adding this feature in a future release.

Thanks.

Hi, Photo crop is still have mirror bugs on resolution 1024 (1024 is not mobile device resolution but it is my CRT Monitor Resolution).

So please fix all the bugs which is submitted by me and also by other users.

-Thanks For your Co-Operation

I just want to request you that…. what all the features you include in this theme…. please be remember it that you are selling a responsive theme. So it must be tested on every resolution type device.

-Thanks Harschell

Even after update of 1.5.2 ….......... Photo Cropping tool have mirror bugs….. which are still not solved.

Hi,

Noted. In the next update we will try to fix the issue of the photo crop examples on 1024 resolution.

Thanks.

Hello,

I’m trying to use the checkboxes like in the form_components.html sample page. I linked all the plugins and css files but no cigar. Can you give me a quick tutorial on this issue? Thanks!

Ok, problem solved! I had copied the html from the rendered page with spans and divs among the checkboxes when I should have copied the label and input html only!

Well, so it is a bootstrap thing that runs automatically. I was searching for some js plugin.

Hi interneuta :),

For the styled checkboxes and radios we used jQuery Uniform plugin – http://uniformjs.com/ To use the styled checkboxes and radios you will need to include following css and file:
<link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>

Please let me know if you need further assistance.

Thanks.

We bought this theme on Sept 25, 2013 (v 1.4) and noticed there is a newer/better version available.

Are we eligible for an upgrade?

Hi qhbl :),

Yes, you can download the latest version for free for the same license. Just login to your ThemeForest account and go to Downloads tab to download the latest version.

Please let me know if you need further help.

Thanks.

I am trying to find a way to put a label inline with a control. Here is what i get so far. Please kindly provide solution.

<label class=”col-md-4 control-label”>OTP Expire</label> <input type=”text” class=”spinner-input form-control” maxlength=”3” readonly=””> <button type=”button” class=”btn spinner-up btn-xs blue”> </button> <button type=”button” class=”btn spinner-down btn-xs blue”> </button> Minutes

Here is what i get so far. Seem to work with a wide screen, but display incorrect with a narrow screen.

<label class=”col-md-4 control-label”>OTP Trial</label> <input type=”text” class=”spinner-input form-control” maxlength=”3” readonly=””> <button type=”button” class=”btn spinner-up btn-xs blue”> </button> <button type=”button” class=”btn spinner-down btn-xs blue”> </button> <label class=”col-md-4”>Times</label>

Hi mrvithan,

Could you please provide a link to your page ? We will need to check the full code in order to advise you further. You can send the details to our support at support@keenthemes.com

Thanks.

Hello,

Something missing in your pack it’s a plugin to have shortcuts. I mean assign a shortcut to a button for exemple or to a link.

Thanks for your job.

Hi :),

Noted, we will definitely think about it in a future release.

Thanks.

Also it would be great if you mention files that has been changed in intermediate versions (for 1.5.1,1.5.2 etc). if not for the main versions like 1.4,1.5 etc

Thank you

Hi vnreddy9 :),

Please check out the documentation under admin/documentation/index.html. In the doc we include the detailed changelog for each version.

Please let me know if you need further clarification.

Thanks.

Hi, How do we know which version of metronic theme that we have installed on the webserver? it will be good if you provide comments in at least theme specific files.

Thanks

Hi vnreddy9 :),

Please go to assets/css/style.css and at the top you can see the Metronic version.

Please let me know if you need any further assistance.

Thanks.

Is there anyway to do a 3 column horizontal form? Right now the labels overlap the text fields when I have 3 fields in a span4. I guess it’s because the labels are a fixed width.

Hi hadees,

In your case you will need adjust the label width via CSS code(just append this in assets/css/style.css):

.my-form.form-horizontal .control-label {
  width: 120px;
}

.my-form.form-horizontal .controls {
  *padding-left: 20px;
  margin-left: 140px;
}

.my-form.form-horizontal .controls:first-child {
  *padding-left: 140px;
}

.my-form.form-horizontal .form-actions {
  padding-left: 140px;
}
HTML code:
<form action="#" class="my-form form-horizontal">
...............
</form>

Please let me know if you need any further assistance.

Thanks.

Hello,

My questions are about “Modal”.

1. Is there a way to show the modal in the center of the window browser ?

2. The modal is called from a link. is there a way to execute a function, in the parent window when the modal close and get back in the parent a value from this modal ?

Thanks,

Hi,

In v1.5.1 we added the Extended Bootstrap Modal plugin http://keenthemes.com/preview/metronic_admin/ui_extended_modals.html

This plugin allows to center the modals.

To execute a function on modal open or close you can use the bootstrap API as explained here http://getbootstrap.com/javascript/#modals

$('#myModal').on('hidden.bs.modal', function () {
  // do something on modal hidden
});
$('#myModal').on('shown.bs.modal', function () {
  // do something on modal shown
});

Hope the above instruction will be helpful. Please let me know if you need any further assistance.

Thanks.

That’s strange I use the code from your “responsive” sample and the modal appear in the bottom of the screen.

Hi there,

Could you double check and make sure that you included the bootstrap modal plugin js and css files:

CSS:
<link href="assets/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
JS:
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js" type="text/javascript" ></script>
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js" type="text/javascript" ></script>

Also please double check the code on ui_extended_modals.html sample page.

Thanks

How to convert/apply this theme to Joomla 3.1?

Hi smitbom :),

This is a HTML5 theme and to convert it to a Joomla theme you will need to google some resources for “How to create a Joomla Theme from scratch”. Also please check out the official Joomla documentation on how to create a joomla themes.

Thanks.

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