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

Is there any less/sass files available?

Actually i really recommend this simple one http://olance.github.io/jQuery-switchButton/ lot of things can be modified easily and also its slim n slick, i just replaced this with bootstrap-switch

Hi,

Please use below workaround for a long text:
<div class="make-switch" data-on-label=" External User " data-off-label=" Internal User ">
        <input type="checkbox" checked class="toggle"/>
</div>

In the demo page mini switches works fine. Could you please provide your code and a screenshot. If possible please give us a link to your page so we can access it and check your code. You can send the further details to our support at support@keenthemes.com.

Thanks.

Hi :),

We will definitely consider the jQuery-switchButton plugin in a future release.

Thanks.

I want to upload image file to my server. Can you describe some easy steps to do it? When I click on start upload it should be uploaded to my server.

Thanks

Hi,

You can refer http://keenthemes.com/preview/metronic_admin/form_fileupload.html page to get started with the file upload feature. For more info you can check out the official plugin documentation here http://blueimp.github.io/jQuery-File-Upload/

Please note you will need to use some server side programming language(PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) in order to have the jquery file upload working.

Please let me know if you need any further assistance.

Thanks.

Hello.

Could it be possible to add kinda form builder?

Something like this: http://minikomi.github.io/Bootstrap-Form-Builder/

Kindly, Artur.

Hi Artur :),

Thanks for the suggestion. This plugin seems works with Bootstrap 2.x versions. We will consider adding it once it supports Bootstrap 3.0.

Thanks.

Thanks for the reply.

It supports bootstrap 3 also :) http://bootsnipp.com/forms?version=3

Cheers!

Hi,

Looks like i missed that :). Let me check it further.

Thanks.

Hi!

I happened to see your commentary…

“At the moment we are not planning the Wordpress version yet. We will consider the WP version after releasing v1.6 the complete eCommerce features for the Admin and frontend”.

How long to wait about this theme on wordpress? A month, two months, six months? Tell me, please.

Hi :),

We will consider the WP version it as soon as possible. May i know, which WP version would you need ? Metronic Admin WP or Metronic Frontend WP ?

Thanks.

Greetings. Of course, the theme template. The administrative panel is not needed.

Have you purchased this product many users. And many thought it wordpress. Therefore, such a big sale.

Everyone is waiting. You can run a survey and estimate demand.

Especially, a pattern like this theme, you can make someone else’s hands for a minimal fee. We are waiting!

Hi,

Thanks for your feedback. We will definitely consider it in the future.

Thanks.

This looks a lot like your template …

[link removed]

Are they affiliated?

Hi,

No, we do not have any relation to this theme.

Thanks.

Hi keenthemes!

The calendar page have drag and drop integration, so I can drag the events outside to inside calendar. It’s possible the reverse, inside to outside?

Best regards, rrispoli.

Hi :),

Seems this need some workaround on the FullCalendar plugin http://arshaw.com/fullcalendar/.

Could you please check out below discussion http://stackoverflow.com/questions/3214033/how-to-drag-an-event-from-fullcalendar-back-to-external-list.

Please let me know if you need further assistance.

Thanks.

Hi there me again with another question. I have a foreach loop php and in that loop i generate a links to an external file eg:

<a href="{{ Request::root() }}/edit/{{ $item->id }}">Item name</a>

I want to be able to open each link in a responsive modal box. I would like to reuse the same modal and replace the content each time i click on a link within the loop. hope thats clear, thanks.

Hi,

You should attach a javascript function to the button click event as shown below:

HTML:
<button type="button" class="btn blue" onclick="buttonSaveHandler()">Save changes</button>
JS:
<script>
function buttonSaveHandler() {
  alert("hello world");
}
</script>

You can define the function above in the master page(the page that modals are called) or in the ajax response right after the modal content.

Thanks.

Hi, I have an issue. i added the code below
function buttonSaveHandler() {
  var form = document.getElementById('form');
   form.submit();
}

this submits the form but none of the post data is sent through. is this only for ajax? if so which modal can I use for non-ajax submission? thanks :)

Hi,

This is not about ajax. I would suggest you to double check your form inputs and input names. Basically if you have a form with inputs then upon submit you should be able to receive the data at the backend side.

If you need our further assistance could you please deploy your page to some web hosting and give us a URL to access it and check your code. We will need to check your working website in order to advise you further. You can send the details to our support at support@keenthemes.com.

Thanks.

Hi@all

I try to use select2 with multiple for the recipients in the Compose Template. I want a List of recipients and the User can chose who becomes the message.

$('#to').select2({
placeholder: "Select...",
allowClear: true});
<select id="to" class="form-control select2me" data-placeholder="Select...">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
</select>

but no style or select2 functions are added I test it with an Input and query, and it works but i need it with the select.

How can i do this? Thanks for your help

Yes the JS and CSS files are included.

An other question did i need the multi-select.css for select2? And your documentation is wrong. The link in the documentation is: multi-select-metro.css But there is just one file: “multi-select.css”

Unfortunately I can’t give you a link to the page because the page are not finished yet and just local on my PC :(

No Errors in Firebug and Visual-Studio.

When I use:

input.select2({
            placeholder: "Select...",
            query: function (query) {

            }           

        });

and

<div class="inbox-form-group mail-to">
  <label class="control-label">To:</label>
  <div id="controls-to" class="controls controls-to">
    <input id="to" type="hidden" class="form-control select2" name="to"/>
  </div>
</div>

all works fine.

!!I found the error!!

The problem is I load the whole <select> with Ajax. I add now the <select> in the compose-page and load just the options with ajax.

When the compose-page load the field is styled and then the ajax loads the Options.

Sorry for waste your time :(

No problem at all. Glad that managed to solve the issue :). Good luck with your project!

Amazing design. A simple question. I will use your front end theme for a website for tiles so how do you link product images and categories in admin panel with front end website. There will be 9 categories (marble, granite, travertine etc). Is it easy to do??

Hi mucella :),

Thanks for your feedback.

Please note the frontend and admin themes are just HTML templates and they don’t include the server side implementation(database connection and business logic). The complexity of the implementation will depend you your project requirements. However to use Metronic template for your project you will need to code it using some server side programming languages such as PHP, .NET, JSP, etc.

Please let me know if you need any further assistance.

Thanks.

KT, I’m needing something that is like a combination of the “Nestable List” and the “Editable Table”. Is there a way to combine these two things so that I can both edit a table row and re-order the table rows by clicking and dragging them (or a “Move Up” and “Move Down” button)? I don’t really need the “nesting” functionality per se, but like the way the list items can be dragged and re-ordered. This is for a “Phone Call List” type page I’m working on with a list of phone contacts that I’d like to be able to edit on each row, but also be able to re-order them to signify the order they should be called in. Would love this functionality!

Hi,

Sure, you can do that by just removing the sub items from the list as show below:

<div class="dd" id="nestable_list_3">
   <ol class="dd-list">
      <li class="dd-item dd3-item" data-id="1">
         <div class="dd-handle dd3-handle"></div>
         <div class="dd3-content">Item 1</div>
      </li>
      <li class="dd-item dd3-item" data-id="2">
         <div class="dd-handle dd3-handle"></div>
         <div class="dd3-content">Item 2</div>
      </li>
      <li class="dd-item dd3-item" data-id="3">
         <div class="dd-handle dd3-handle"></div>
         <div class="dd3-content">Item 3</div>
      </li>
      <li class="dd-item dd3-item" data-id="4">
         <div class="dd-handle dd3-handle"></div>
         <div class="dd3-content">Item 4</div>
      </li>
      <li class="dd-item dd3-item" data-id="5">
         <div class="dd-handle dd3-handle"></div>
         <div class="dd3-content">Item 5</div>
      </li>
   </ol>
</div>

Hope the above code will be helpful.

Thanks.

This still allows the user to create a sub-item by dragging a root-level item inward. I want to limit the dragging functionality to only be able to sort items at the root level and not allow them to set any item as a sub-item of another.

Hi,

You can limit nesting depth by using below parameter:

$('#nestable_list_3').nestable({maxDepth: 1});

Now it should work as you expected.

Thanks.

I can’t select a date range that spans more than one year (date range – custom – 1/1/12 to 12/31/13. It keeps switching back to the same year. It’s happening on the theme preview also.

any ideas?

Hi,

Could you please provide more details, some screenshots and steps to reproduce the error ? What page and what date picker are you referring ?(the daterange picker or datepicker).

Thanks.

Here is an example how to display Font Awesome in a select:

<select style="font-family:'FontAwesome', Helvetica;"> <option>?</option> </select>

In the follow link the select with the complete list of icons:

https://dl.dropboxusercontent.com/u/6051966/select.txt

NOTE: You need to include the code in your metronic template.

hope it can be helpful.

Note: remove underscores in option section.

<select style="font-family:'FontAwesome', Helvetica;"> <option>&_#_x_f_0_0_e_;</option> </select>

Hi :),

Thanks for sharing this. We should check it further and make sure it’s supported by Major browsers before we include it in the theme.

Thanks.

Hey… when are you expecting to launch the Metronic Wordpress theme?

Is it going to be based on the front end theme, or the backend themes?

Thanks.

Hi :),

At the moment we are not planning the Wordpress version yet. We will consider the WP version after releasing v1.6 the complete eCommerce features for the Admin and frontend.

Thanks.

Hi Keenthemes, I liked your template and have a few basic questions. 1. Will documentation be provided along with the template? 2. We are currently using Wordpress for our blog. How easy is it to use your blog template with Wordpress? Are there any steps mentioned for the same in your documentation? 3. Please correct me if I’m wrong. The admin theme with your template is just a theme and the website designing will not be through any drag and drop. Right?

Hi :),

Thanks for the comment.

1. Yes, the general documentation will be provided for both admin and frontend themes.

2. Metronic is a HTML template and you can use it to create a wordpress theme from scratch for your blog. This portion is not documented as this is out of the theme’s scope. However you can check Wordpress’s official documentation on how to create a theme from scratch and use it for your blog.

3. The admin and frontend themes are just HTML template and there is no drag and drop tool to edit the theme. To customize the theme you will need to edit it HTML, css and JS sources.

I hope the above info will be helpful. Please let me know if you need any further clarification.

Thanks.

metronic 1.5.2 dont have a good view in IE8

Hi :),

Thanks for your feedback. Please note that IE8 does not support CSS3 features(rounds, shadows) and the overall look and feel can be slightly different comparing other modern browsers(Chrome, Firefox, Safari, IE10).

If you encountered any other issues then please send the details and screenshots to our support at support@keenthemes.com.

Thanks.

ok you can add some IE css code , for round use PIE.htc , and other thing that dont work in IE Should not damage all site theme , you shuold know yet we have many user that have IE8 beacuse of win7 defult browser is IE8

Hi :),

Thanks for the suggestion. We will definitely consider it in future release.

Thanks.

Hi keenthemes, i’m working in a front-end using Metronic(ver. 1.50 updated to 1.51), and have a little bug when open in IE8. In superior right side, appears the responsive menu button, then, left menu not appear. I waste some time comparing files, but dont see any significant difference who can cause this problem. Do you see any like this? Here a screenshot with problem in red rectangles.

Hi,

Could you please double check and make sure that you are loading following JS files on the bottom your page:

<!--[if lt IE 9]>
   <script src="assets/plugins/respond.min.js"></script>
   <script src="assets/plugins/excanvas.min.js"></script> 
<![endif]--> 

Please note IE8 requires respond.min.js to be included in order to render the responsive mode properly(the CSS media queries).

Please let us know if you need any further assistance. You can also use our support email support@keenthemes for further questions.

Thanks.

Hi kt,

When i want to use page under the any folder with changing "assets/..." location to like "../assets/..." it work good on ie but something wrong chrome any suggestion.

Hi mahirc,

Are you opening the page from a web server(localhost) or direct from your PC ? If you are opening it from a web server(localhost) then i would suggest you to use an absolute path(http://somehost/some_folder/assets) or relative path to the root of your website(/some_folder/assets/).

If you need any further assistance please send the further the details to our support at support@keenthemes.com and we will get back to you as soon as possible.

Thanks.

Hi, really love your baby. In the front page (page_home2.html), could you please add sign-up and sign-in buttons? It would be nice to have.

Hi :),

Thanks for the comment. We noted your suggestion. In the next update(v1.5.3) will add these links.

Stay tuned and follow us on http://twitter.com/keenthemes

Thanks.

Hi,

I am working with Form Wizard. I want two validations for Password field: -

1. Required (id=”submit_form_password”).

2. Password Strength (id=”password_strength”).

But as per CSS rules, i can not use two id’s in same field. Now what i do in this condition ?

Same problem with username availability checker field.

Can you please change this functionality in next release ? Cause in any type of development, developer may need more one validations of js.

Thanks

Hi,

Noted, we will consider this suggestion in the future release.

Thanks.

Thanks KeenThemes

Hi, how can I remove the demonstration boxes and all that stuff that keeps coming back everytime i loaded it on a new computer? Thanks

Hi :),

Please go to index.html and from the bottom of the page remove following line of code:

Index.initIntro();

Please let me know if you need any further assistance.

Thanks.

Thanks man, great theme btw

You are most welcome :) Good luck with your project!

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