3969 comments found

Hi, As I used updated Datatables plugin 1.10 from keenthemes, previously I was using, datatables 1.9, I ran into problem where I have many columns and I have horizontal scroll bar , I notited that even there was a horizontal scroll , datatables would make some column data to appear in 2 rows instead if one. If there is H scroll bar , column data should stay in single line.

Using this code seemed to fix that. My question is what is changed ? as it was working before correctly with datatables 1.9 is solution below correct ? or hack ? td { white-space:pre; }

If you visit table_advanced.html and make window smaller so that scroll-bar appears , you should see column Platform , it does not appear in single row even when there is h scroll bar. However it does not happen with your table_ajax.html example ? why is that ?

Default-user

Hi, I sent an email with screenshot on this matter. Did you receive it ?

keenthemes

Noted. We will check it and reply you asap.

Hi, I started using mega menu and I moved some of the side menu to the top. However I just realized I can’t see the top menu in mobile devices. Please let me know if this will be fixed shortly (if it is an issue of the theme) to make a decision whether to keep the mega menu or move all the way back to the side menu. Thanks, Hernan.

keenthemes

Hi :),

On mobile for the top menu you will need separate menu instance based on the sidebar menu markup. Please refer to the code in keenthemes.com/preview/metronic/templates/admin/layout_horizontal_sidebar_menu.html and http://keenthemes.com/preview/metronic/templates/admin/layout_horizontal_menu1.html.

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.

Default-user

got it! thanks for the quick reply. -H.

Nice with the new draggable portlets! I’ve managed to save the order to my database, but I’m having some problems with loading it in the same order again. Can you help me out please?

BR Patrick

keenthemes

Hi :),

Thanks for your feedback.

When you generate the HTML page you will need place each portlet in the last saved order. There should not be any issue with the jqueryui sortable plugin unless you place each portlet HTML code in the right order.

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.

Issue adding anchors to body When adding anchors to elements, if the page has enough contents the anchor will be hidden behind the top bar.

Take the portlet_general.html page. If you add id=”anchor” to the pink “Nestable Portlets” portlet, the given link (with #anchor”) will hide the portlet title.

You can add the anchor feature to your theme. A solution may be the accepted solution in this Stackoverflow question. Bear in mind that the applied css probably needs a @media element so it doesn’t get applied to smaller screens.

keenthemes

Hi :),

Thanks for your feedback. We will check it further and consider improving it in a future release.

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

Thanks.

How practical or feasible is it to use Metronic template with node js or Django frameworks? With PHP, Metronic is awesome.

keenthemes

Hi :),

Metronic is totally abstract HTML template which can be used with any backend language since Metronic is based on javascript, css, html technologies.

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.

icecast Purchased

is there a sliding left or right menu panel option?

keenthemes

Hi :),

Are you referring to the sidebar menu ? If yes, at the moment this option is not available for the sidebar menu. If you referred to other component please clarify it with more details.

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

Thanks.

Hi,

We want to reduce the width of the side menu bar. Could not find the right place to do so. Can you please let me know how to reduce the width of the side menu bar? Please treat this as very urgent. Any help in this regards is appreciated.

Thx. Hari

keenthemes

Hi :),

Please use below code in custom.css to override the sidebar menu width. The below example sets the sidebar width to 265px:

.page-header .page-logo {
    width: 265px;
}

.ie8 .page-sidebar {
    width: 265px;
}

.ie8 .page-content {
    margin-left: 265px;
}

.page-sidebar .sidebar-toggler {
  margin-left: 185px;
}

@media (min-width: 992px) { 

    .page-sidebar {
         width: 265px;
     }

    .page-content-wrapper .page-content { 
         margin-left: 265px; 
     }

     page-sidebar-fixed .footer {
          margin-left: 265px;
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
        margin-left: -265px;
    }

    .page-sidebar-reversed .page-content-wrapper .page-content {
        margin-right: 265px;
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-footer {
        margin-right: 265px;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
        margin-left: -265px;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover {
         width: (265 + 11)px !important; /* sub this based on your preferred width*/
    }

}

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.

Hey,

great job!!! Do you know when you will publish the new admin layout?

Rgds, Andi

keenthemes

Hi :),

Its in heavy development and it should be out in during this month.

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

Thanks.

tekin44 Purchased

Everything is right , how can i do to left side

keenthemes

Hi :),

In the theme package you should refer to the “metronic” folder not “metronic_rtl”. For more info please refer to the readme.txt file.

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

Thanks.

On your frontend template when you hover over most of the images on it. An orange box slides into view with a view or download link. What files/code do I need to duplicate that on the Admin site?

keenthemes

Hi :),

You will need to copy below css code front frontend theme’s style.css file into the admin theme’s custom.css file:

/* Recent Works */
.recent-work {
  position: relative;
}
.recent-work a:hover {
  text-decoration: none;
}
.recent-work h2,
.ecommerce .recent-work h2 {
  margin: 3px 0 5px;
}
.recent-work h2 a {
    color: #3e4d5c;
}
.recent-work h2 a:hover {
    color: #E02222;
}
.recent-work-item {
    padding-left: 10px;
}
.recent-work .owl-buttons {
    left: -74px;
    right: auto;
    top: 0;
}
.recent-work .recent-work-item a.recent-work-description {
    padding: 10px;
    display: block;
    background: #fff;
}
.recent-work .recent-work-item:hover a.recent-work-description {
    background: #E6400C;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;        
}
.recent-work .recent-work-item strong {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 300;
}
.recent-work .recent-work-item b {
    color: #656565;
    font-weight: 300;
}
.recent-work .recent-work-item:hover b,
.recent-work .recent-work-item:hover strong {
    color: #fff;
}
.recent-work .recent-work-item em {
    display: block;
    overflow: hidden;
    position: relative;
}
.recent-work .recent-work-item .fa {
    color: #fff;
    padding: 16px 30px 16px 18px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    width: 47px;
    height: 47px;
    margin-top: -23.5px;
    border-radius: 47px;
    background: rgba(0,0,0,0.5);
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;    
}
.recent-work .recent-work-item .fa:hover {
    color: #E02222;
}
.recent-work .recent-work-item .fa-link {
    left: -100px;
}
.recent-work .recent-work-item .fa-search {
    right: -100px;
}
.recent-work .recent-work-item:hover .fa-link {
    left: 30%;
}
.recent-work .recent-work-item:hover .fa-search {
    right: 30%;
}

Then you will need to reuse the HTML code from the 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.

Dear Valued Users :),

Hope you all having fun coding with Metronic.

If you didn’t know, you can support Metronic with below affiliate link and earn 30% from all affiliated users first deposit: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?utm_medium=affiliate&ref=[your_envato_username]


For more info you can check http://support.envato.com/index.php?/Knowledgebase/Article/View/197/96/how-does-the-envato-market-affiliate-program-work or contact our support at support@keenthemes.com

Thanks.

I like it good luck;

keenthemes

Thanks for the comment :)

mrjulio Purchased

Hello,

First of all thank you for your work on the template. It’s been a life saver.

I have a few suggestions: 1. I was working on frontend corporate and had a small issue (I am not sure I can call it an issue). The Signup Page form when I add .has-error to div element they will not get the border red. The workaround was to add in custom.css
.content-form-page .has-error input.form-control {
    border-color: #a94442;
}
Not sure if this is a big of an issue. It is a small specificity issue.

2. I had to create a form with input file but needed something custom. This worked for me: http://markusslima.github.io/bootstrap-filestyle/ Maybe you can add it in future releases ;)

Thanks! Keep up the good work!

Signed: A satisfied customer :)

keenthemes

Hi :),

Some samples for input error states can be seen here: http://keenthemes.com/preview/metronic/templates/admin/form_validation.html

Thanks for your suggestions. We will definitely consider them in a future release.

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

Thanks.

Hi, How can I use the newest font-awesome (4.1.0) plugin in Metronic?

I have tried to easily replace the global/plugins/font-awesome/css/font-awesome.min.css file with the newest version. Unfortunately, it does not work. All new font icons can’t be shown.

keenthemes

Hi :),

Please make sure that the path to font-awesome.min.css is correct and make sure its loaded properly.

If you need any further assistance please send any further details(browser version, OS version, etc) 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,

btn-group-circle has a problem on hiver on right most element if it has tooltip on it. Kindly Provide fix.

Hover on Right and you will see the right circular will become square shaped on hover.

From Page: templates/admin/ui_buttons.html (Circular Buttons) <div class="btn-group btn-group-circle"> <a type="button tooltips" class="btn btn-default" data-original-title="Left">Left</a> <button class="btn btn-default tooltips" type="button" data-original-title="Middle">Middle</button> <button class="btn btn-default tooltips" type="button" data-original-title="Right">Right</button> </div>
Default-user

http://i60.tinypic.com/2rmpks3.png

Check above image taken when mouse over right most button with tooltip

keenthemes

Hi :),

Please try to add data-container=”body” attribute to the tooltip.

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.

jccriv Purchased

Hello,

I have a Portlet inside a Modal. after Executing an Ajax call from the main page and before opening the modal, I want the portlet to Refresh.

Put more simply.. This is the code: <a href=”#” data-url=”MYURL” class=”reload” data-load=”true” id=”event-portlet” ></a>, how can I mimic the CLICK effect from a Javascript call so that content is refreshed?

Thank you!

keenthemes

Hi :),

Can you deploy your developing page somewhere online ? We will need to check your code in action to be able to advise you further.

You can send us the test URL to our support at support@keenthemes.com

Thanks.

Default-user
jccriv Purchased
Thank you!! This is great support! =) Sent the link by mail… anyhow here it is… http://admin.e-vent.com/FRAMEWORK/Temptests/keen.cfm
keenthemes

You are welcome. We will check your email and reply you very soon

orabil Purchased

Hello, first of all, What a fantasic theme! Well done.

Is there a place where you reset the css? (like reset.css from google) I edited the theme a bit and now some elements are using the user agent stylesheet. So the layout is different from the original template.

Best regards

orabil
orabil Purchased

Hello,

I sent an email to support@keenthemes.com with a login. Thank you for your time.

keenthemes

Great! Good luck with your project! :)

forgive me if you already answered or documented this elsewhere, but was curious if the PSD files for the images on the onepage parralex are included somewhere within the zip file? Wasn’t able to find. specifically I’m hopeful you can let me know where I can use a psd to generate the trio and choose-us images, included within the template.

Thanks in advance for your help.

keenthemes

Hi :),

Please refer to readme.txt in the root of the downloaded package. The readme contains some info related to image licenses and PSD files.

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.

Hi, can i change the frontend theme? I like the admin template but not the frontend theme layout.

keenthemes

Hi :),

Please note that Metronic is not fully functional admin themes. It only provides you the design and html templates with static demo content. Since Metronic is an abstract HTML theme the actual implementation is responsibility of buyers according to project requirements.

Thanks.

Default-user

Hi, thanks for the support. It my first admin template, sorry for my “banal” questions.

keenthemes

No problem. We are here to assist you :) If you have any further clarifications please let us know.

Hi,

We are using using Bootstrap extended modal based on examples provided in “ui_extended_modals.html”.

Inside modal we are showing Datatable. Following is the issue,

1) Modal comes up quickly on screen with Datatable (with no data) inside the modal. Modal comes up in center of screen as expected.

2) Datatable data is loaded via Ajax, so it takes slightly more time to load data. Now say we load 50 records inside datatable inside the modal.

Now modal header is still in middle of screen, and records are shown from downwards of middle of screen.

Question.

1) Preferred option, how to always show modal at top left corner of screen ?

2) If (1) is not possible, how to reposition modal after data is loaded into Datatable, so content starts from top of the page ?

Thanks again in advance.

keenthemes

Hi :),

In your case i would like to suggest you to use bootstrap’s native modals since they are aligned to the top by default. Otherwise the bootstrap modal plugin would require some workarounds(maybe after the datatable loaded you will need to adjust the top position of the modal container via jquery code). However i would suggest you to try the native bootstrap modal following its API here: getbootstrap.com/javascript/#modals

If you need any further assistance you can contact our support at support@keenthemes.com

Thanks.

Default-user

Bootstrap’s native modals worked perfectly. Thanks again for your help.

keenthemes

Glad to hear that. You are welcome! :)

by
by
by
by
by
by