3933 comments found

Trigger Collpasing of ”.page-sidebar-fixed” ? Hello, I am using page-sidebar-fixed and when I click on ".sidebar-toggler" button, It jerks for the first time and keeps open but as soon as I move mouse out , it collapses and on mouseenter it expands.

Is there a way to trigger sidebar collapsing animation ? I see your are using sidebarMenu.trigger("mouseleave"); but it doesnt work for the first time as mouse is over sidebar and it confuses user until he moves his mouse out of sidebar. Can you guide how can i trigger sidebar sliding ? Are you using css transition for side bar collpasing or JS function for it? Because if JS then we can directly call collapsing instead of sidebarMenu.trigger("mouseleave");

Could not find JS code which is causing collapsing. Can you mention How you are doing it ?

keenthemes

Hi :),

The collapsing fixed sidebar has a technical limitation when you used the sidebar toggler in it. You should move the sidebar toggler button onto the header as demonstrated here: http://keenthemes.com/preview/metronic/templates/admin/layout_sidebar_fixed.html.

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.

d741b Purchased

Is it possible to add an icon notification to the upper right side of the page without a dropdown that would link directly to a page?

I’ve tried this but the when you click on the icon it doesn’t go anywhere and the hover is missing a block on the right side (it almost looks like the icon is right justified or something).

<li class="dropdown" id="header_notification_bar"> <a href="index.php" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-clock-o" /> </a> </li>

Thanks for your help.

keenthemes

Hi,

Can you please provide us a link to your developing site ? We will check your code and advise you further. You can send any further details to our support at support@keenthemes.com

Thanks.

Default-user
d741b Purchased

It’s an internal site but I have duplicated it on your template in the downloaded 3.0.1 zip file.

keenthemes

Hi :),

Seems you tried to extend the top navigation bar with a new item. I would suggest you to apply some css code to adjust its padding or margin. Just follow how the other notification menu links are adjusted in the css. You can add you own css code in custom.css file. If you need any further assistance please provide us the code you applied in the header. For further support you can email us at support@keenthemes.com.

Thanks.

d741b Purchased

How can I remove the padding/margins from the logo?

I tried adding this to assets/admin/layout/css/custom.css but it didn’t seem to do anything.

.navbar-brand { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

How can I achieve this?

keenthemes

Hi :),

To adjust the logo container and the logo image you should override the paddings, margings and height in custom.css as shown below:

.header.navbar .navbar-brand {
  margin-top: -1px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 225px;
  height: 42px;
}

.header.navbar .navbar-brand img {
  margin-left: 20px;
}

If you need any further assistance please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Default-user
d741b Purchased

Should this work in 3.0.1? It doesn’t seem to change the logo position. I also tested this on a clean install of the code straight from your zip file and it doesn’t seem to do anything. Am I missing something? I’ve verified the custom.css is being included in the page.

keenthemes

Hi :),

You mentioned ”.navbar-brand” so i passed you v2.0.2 related code. For v3.0.1 you can use below code(even you can inspect the logo in your web browser Chrome or Firefox and find its css code then override it) in custom.css:

.page-header.navbar .page-logo {
   padding-left: 20px;
   padding-right: 20px;
}

.page-header.navbar .page-logo .logo-default {
    margin: 16px 0 0 0;
}

You should override the above padding and margins to adjust the logo as you prefer.

Thanks.

When are you updating content loading thru ajax?

keenthemes

Hi :),

Sorry, i could not understand your question. Could you clarify your it with more details(e.g: a reference page, plugin or component in the theme).

Thanks.

hello i am a wordpress user, and i just want to know if your theme works for wordpress? the admin dashboard?

and is it difficult for a wordpresser(few knowledge about css php just some html) to use it?

do you have help file to learn from?

keenthemes

Hi :),

Metronic is an HTML theme and its not compatible with wordpress. But you can create a wordpress theme based on Metronic’s frontend themes.

In the purchased package you will find a general documentation which provides basic info to get started. Also you will need some knowledge in web development(html, css, jquery, bootstrap, etc) to use this theme.

If you need any further clarifications please let us know.

Thanks.

Hey guys ! :)

I’m a beginner, so could you help me to change the language of the validation form ?

For example, I want to change “This field is required” by a sentence in French.

Thanks ! :)

keenthemes

Hi :),

You can change the messages individually as shown below:

     rules: {
           username: {
                 minlength: 5,
                 required: true
           }
     },

     messages: { 
           username : {
                 required:    "This field required",
                 minlength:  "Please select at least one option" 
           }
     },

For more info please refer form-wizard.js and the plugin’s official documentation here: http://jqueryvalidation.org/documentation

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

ZoritchChristopher

Ahhhh ! Ok ! Thanks a lot for your prompt reply ! :D

keenthemes

You are welcome :)

Hi, there is a problem with admin sidebar “selected” (span), the triangle is “pixelated” on Firefox 31 on OS x Mavericks and Windows.

I’ve changed these rules:
.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  display: block;
  background-image: none;
  /* will be set in a theme css file*/
  float: right;
  position: absolute;
  right: 0px;
  top: 8px;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px double transparent;
  border-bottom: 12px double transparent;
  border-left:0;
  border-right:8px solid white;
}
.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  right: auto;
  left: 0;
  /*border-width: 12px 0 12px 8px;
  border-color: transparent transparent transparent #fff;*/
  border-top: 12px double transparent;
  border-bottom: 12px double transparent;
  border-left:8px solid white;
  border-right:0;
}
On this file: /assets/admin/layout/css/layout.css

And they are fine now. (both left and right sidebar)

keenthemes

Hi :),

Thanks for your feedback. We will check it further and consider using this hack in the next update which we are planning to release soon.

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

Thanks.

Hello, I couldn’t download this item any more beacaus reached the 50 times limit. And I have already sent a request to themeforest and didn’t get any feedback. Any suggestion? I couldn’t update to the newest theme when you update in the feture.

keenthemes

Hi,

Sorry, its not in our control and we are not able to help you at this point. This is themeforest’s new rule where the download per purchased license is limited to 50 times. If you want to get the update now then you can try to purchase another license. Otherwise you should contact Envato by creating a support ticket here support.envato.com/index.php?/Tickets/Submit and i am sure they will get back to you with advise in a few days. Also you can tweet theme https://twitter.com/envato_support to speed up the response.

If we can help you with anything else please let us know.

Thanks.

can you help me install and make it work on my prestashop back end. I am ready to pay custom charge.

keenthemes

You will need to hire a web developer to get it done since after purchasing the them you might need to customize and implement the actual system according to your project requirements.

Default-user

thanks mate.. Have good business..

keenthemes

Thanks. Good luck with your project :)

In the 3.x version the FULLSCREEN toggle was removed?

keenthemes

Hi :),

Yes, that feature was removed due to its incompatibility with major browsers.

Thanks.

Hello, Can you explain how sidebar menu is being collapsed ? Via Js or CSS ? If CSS then what is the main ele on which animation/transition is applied ? .side-bar ?

Default-user

Ok I found it.neverMind

kazzuja Purchased

Hi ,

I have small problem with Toastr Notification ( metronic_v3.1.1/metronic/templates/admin/ui_toastr.html).

I need to obtain a simple notification at the entrance to the site . I do not want show notification after mouse click . I need display red or green notification direct on page enter (I have php script).

Please help me and send very simple example how to use Toastr Notification on page enter with your great template. Write me please which css js files I need to attach to my page.

keenthemes

Hi :),

Please follow below steps.

1) Include the bootstrap toastr plugin files(for more info please refer to ui_toastr.html demo template):

CSS File:
<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-toastr/toastr.min.css"/>
JS File:
<script src="../../assets/global/plugins/bootstrap-toastr/toastr.min.js"></script>

2) Then you can run below code on document ready event(page enter):

<script>
jQuery(document).ready(function() {       
// Display a warning toast, with no title
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

// Display a success toast, with a title
toastr.success('Have fun storming the castle!', 'Miracle Max Says')

// Display an error toast, with a title
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')     
});
</script>

Please put the above JS code after the theme’s core functions are initialized(e.g: Metronic.init();)

For more info please refer to the plugin’s official doc here: https://github.com/CodeSeven/toastr

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

Thanks.

Hi first of all great work!

i want to load date range picker using ajax ! but calling all the js file from components_pickers.html in the ajax page kills the load time..is there anyway you can help me improve it? or do you have any built-in page for daterange picker using ajax ??

keenthemes

Hi :),

On ajax load complete you just need to initialize the datepicker plugin only.

Just append below code in the bottom of your ajax content:

<script type="text/javascript">
$(document).ready(function() {
  $('my_daterange').daterangepicker();
});
</script>
For more info you can refer to the plugin’s official doc here: https://github.com/dangrossman/bootstrap-daterangepicker

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

Thanks.

Hi,

Advanced datatable Extra Tools like, excel, pdf, copy, csv not working. How to make it active. In the live demo also it is not working.

keenthemes

Hi :),

It should be working in our live demo. Please double check it here: http://keenthemes.com/preview/metronic/templates/admin/table_advanced.html. In your code please make sure that swfPath is set properly. If you need any further assistance please send the 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.

Default-user

Hi,

Thanks for the reply. Both CSV and excel files extensions are same.

keenthemes

Hi :),

Yes, for the excel import it saves it in Excel CSV format. You can check the same behavior in the original plugin samples here: http://datatables.net/extensions/tabletools/

If you need any further clarifications please let us know.

Thanks.

ches61 Purchased

Hi , I send a mail to support@keenthemes.com about last issue but nobody reply.

So , I have new question ; Does Ecommerce page support , typography , buttons , tabs etc. in frontend(corporate) pages ?

http://www.keenthemes.com/preview/metronic/templates/frontend/feature-buttons.html
keenthemes

Hi :),

Sorry if we missed that. May i know What was your email ?

Yes, you just need to include components.css globa css file in your page and you can use admin UI features in the frontend themes.

If you need any further clarifications please let us know.

Thanks.

Hi, Datatables ".dataTables_processing" div is not centered with table. For example , If I Make table inside col-md-6 , processing div appears towards right end of column. This gives very bad image of table. Kindly provide Fix for this.

keenthemes

Hi :),

Thanks for your feedback. We will check it further and fix it in the next update v3.2 which we are planning to release very soon.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

tonyxt1 Purchased

Can’t seem to find the answer to the following: How do I keep the sidebar static and collapsed BUT, I don’t want the sidebar to slide in on hover of the icons?

Thank you

keenthemes

Hi :),

t0xic2 shared his solution for this:

For anyone intrested, I managed to remove the effects by commenting out these 2 funcions in the app.js file $('.page-sidebar').off('mouseenter').on('mouseenter', function ()  and  $('.page-sidebar').off('mouseleave').on('mouseleave', function ()  and then I fixed the inline styling applied to the slimmscroll div when sidebar is closed by adding  menu.parent('.slimScrollDiv').css({overflow: 'visible'});  to the  var handleFixedSidebar = function () function.

Please try the above solution and let us know if you need any further assistance.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

maicom Purchased

Hi

I am using v2.3.2 and have found that when I have multiple tabs and each tab has its own datatable, that only the column style for one tab is retained and all other tables are rendered without the defined styles.

Removing the class “tab-content” has all the datatables displayed without the tabs and shows the tables rendered with the correct column styling, so I know the datatable coding is correct. Using tabs without multiple datatables works fine.

Any suggestions on how to fix this?

Screenshots

All tables without tabs (column styling is rendered correctly) – http://postimg.org/image/uabks65gp/

With tabs (column styling not being rendered) – http://postimg.org/image/x0pl2bxpl/

keenthemes

Hi,

Can we check your developing site somewhere online ? This is not a general issue so we will need to inspect your actual code online. You can send any further details to our support at support@keenthemes.com

Thanks.

Default-user
maicom Purchased

Thanks.

Email just sent.

Cheers Mike

keenthemes

Noted. We will check it and reply you shortly.

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

rxvt Purchased

How Can I download Version 1.4 ??

keenthemes

Hi,

Version 1.4 is no longer available for download. We would suggest you to update to the latest available v3.1.2 version. In order to update to v3.1.2 you will need to reintegrate the theme from scratch. For more info please check out the doc in documentation/admin/index.html

If you need any further assistance please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

bonfa53 Purchased

I suggest to set globalImgPath whene changing assetpath in metronic.js because globalImgPath depends on assetsPaths and there is no method to set globalImgPath. Or there is another way to set a different assets path?

setAssetsPath: function(path) {
            assetsPath = path;
            globalImgPath = assetsPath + 'global/img/';
        },
keenthemes

Hi :),

Thanks for your suggestion. We will do this enhancement in the next update v3.2 which we are planning to release very soon.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

by
by
by
by
by
by