3527 comments found

Hi KT,may i asking for help ?

in my project,the editable datatable is not responsive,can i make it become responsive ? if i can,where i have to put the change ? i got the latest version of metronic,should i replace the js, css or what ?

thanks :D

keenthemes

Hi :),

You should add below css code in custom.css file:

/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scrollable > .table-bordered {
  border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

And put your datatable in table-scrollable DIV as shown below:

<div class="table-scrollable">
.... your table goes here
</div>

Thanks.

Default-user

thank you very much :D

keep going with good template …

keenthemes

You are welcome! :)

Wingy Purchased

Hi

I am trying to work out how I can change the default value for the records filter option on the advanced datatable. I can change the pagination number in the table-advance.js file by changing the “iDisplayLength” property but I cant seem to change the value in the drop down list, defaults to 5.

thanks andrew

keenthemes

Hi :),

You can change the dropdown values through aLengthMenu parameter as shown below:

"aLengthMenu": [
       [5, 15, 20, -1],
       [5, 15, 20, "All"] // change per page values here
 ],
 // set the initial value
 "iDisplayLength": 10

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
Wingy Purchased

Thanks for that. The numbered items are working but the option for “All” does not seem to be working. Is there a way to set that as default?

keenthemes

Hi :),

May i know what is nor working ? Its not displaying a new value or the sorting is not working when you select “All” ? If you need any further assistance please send more details(your code, a link to your page, etc) to our support at support@keenthemes.com

Thanks.

Hello

I want to ask What is the problem in the use of Internet Explorer does not show the side menu, everything appears different shape What is the solution? Thanks

keenthemes

Hi :),

Can you please provide more info ? What IE version did you use ? Did you encounter this issue in the preview site keenthemes.com/preview/metronic/templates/admin ? Or in your developing site ? If the issue in your developing site then try to double check your code and compare with the original templates. If you need any further assistance please send all the above mentioned details to our support at support@keenthemes.com

Thanks.

Default-user

Hello IE8 used but original templates not used on IE8 and I am send problem snapshot on email support@keenthemes.com What is the solution? Thanks.

keenthemes

Hi :),

Noted. We will check your email and reply you shortly.

Thanks.

kazzuja Purchased

Hi ,

how to do that when you click on a tile opened to the selected page. metronic/templates/admin/ui_tiles.html . Where add ? THX

keenthemes

Hi :),

Sorry i could not understand your question. Could you please clarify it with more details ?

Thanks.

Default-user
kazzuja Purchased

I would like to after clicking on the tile opened a page, for example, index.php. where I should write in the area of ??the tile a href ?

keenthemes

Hi :),

You can apply it via javascript as shown below:

<div class="tile double selected bg-green-turquoise" onclick="window.location.href='your_url.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.</div>
ohup Purchased

Hi,

first I want to say a big THANK YOU for this great template. Now, I need to ask for a problem that I’m not able to solve for myself…

I have a view with a portlet. Inside the portlet-body I have a div with table-toolbar class that contains a few buttons. Like this:

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

But I have an error when I put the mouse over any button. Between buttons appears a horizontal line. I don’t know why.

http://i57.tinypic.com/ifmkc6.png

Can you help me to try to solve this issue? I can show my html code if it’s necessary.

Thanks!

keenthemes

Hi :),

Thanks for your feedback.

Please make sure that there is no uncloded or invalid tag in your HTML code. If you need any further assistance we will need to check your developing site somewhere online. So please email us(support@keenthemes.com) a link to your page.

Thanks.

sjanzon Purchased

Hi,

sidebar toggle is not working correctly in Firefox (maybe others) when <body class=”page-sidebar-fixed”> is set. To reproduce:

- Open Live Preview

- Set “Sidebar->Fixed” on Theme Switcher

- Click sidebar-toggler on sidebar

Result: sidebar stays open, page-content is behind sidebar.

<edit> Problem solved: Seemes as problem is a strange behavior on Remote-Desktop. After click on page-content sidebar fades out. On local PC everything is fine and sidebar fades out on mouse-out. </edit>

keenthemes

Hi :),

Thanks for your feedback. Thats was technically difficult to resolve so as a workaround you can move the toggler button to the header as shown here: http://keenthemes.com/preview/metronic/templates/admin/layout_sidebar_fixed.html.

If you need any further clarification please let us know.

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

Thanks.

DataTable has alternating row colors, the “odd” (or grey) color seems I can’t change it or override it with jquery, even if I removeClass, it stays there. I checked DataTable documentation and everything says I’m supposed to change the color. When I do change it, the grey/odd color stays, the white background one changes. Where can I get the style responsible for this to disable entirely???

keenthemes

Hi :),

The odd & even colors are set by bootstrap.css and it override it you should add below css code in custom.css:

.dataTable.table-striped>tbody>tr:nth-child(odd)>td, 
.dataTable.table-striped>tbody>tr:nth-child(odd)>th {
background-color: #f9f9f9;
}

If you want to completely remove odd/even colors then just remove “table-striped” class from the datatable.

Thanks.

Default-user

Those styles are found nowhere, not even bootstrap.css or DTT_bootstrap.css. It’s impossible to override and changing the background color of a row can’t be done with Metronic

keenthemes

Hi :),

You should add this style in your custom.css to override the current style. Please try to add below code in custom.css:

.dataTable.table-striped>tbody>tr:nth-child(odd)>td, 
.dataTable.table-striped>tbody>tr:nth-child(odd)>th {
background-color:red;
}

Thanks.

mgalins Purchased

Hi! Admin tool 3.1 light theme in left side top navigation bar (nav navbar-nav pull-right) may have an issue on small screens: Buttons change colour from grey to wait. I guess it is rather bug. Thanks!

keenthemes

Hi :),

Thanks for your feedback. We will check it further and fix it in the next update very soon.

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

Thanks.

Default-user
mgalins Purchased

Hi! Can you send me quick fix while you are releasing it in next release? I am afraid, but this is showstopper for me to upgrade to 3.1., since right now it looks very ugly and unprofessional as soon you use light theme on small screen like phone. Take a look you self e.g for http://www.keenthemes.com/preview/metronic/templates/admin/ and resize screen as for mobile. Thanks!

keenthemes

Hi :),

Sure. Please email our support at support@keenthemes.com and we will provide the fix once its available.

Thanks.

mgalins Purchased

Hi! Is it on purpose that Datepicker with icon now pop up in right corner? Looks rather as bug.

keenthemes

Hi :),

You can use “orientation” parameter to set default position of your datepicker:

 $('.date-picker').datepicker({
      rtl: Metronic.isRTL(),
      orientation: "left auto",
      autoclose: true
 });

For more info please check http://bootstrap-datepicker.readthedocs.org/en/release/options.html#orientation

Thanks.

Default-user
mgalins Purchased

Hi! Thanks, i did as you suggests, but it did not change anything, though, by changing orientation (e.g. right) it does something, but defiantly not what suppose to. Feels like anchor is located somewhere else as expected.

keenthemes

Hi :),

As we checked it seems something changed in the latest version. “orientation” parameters seems to have no effect when group input is used. We will check it further and let you know if there is any workaround for this.

To stay updated you can follow us on http://twitter.com/keenthemes.

Thanks.

Any plans to maybe create a forums set of pages?

James

keenthemes

Hi :),

Thanks for the suggestion. We will consider this in a future releases.

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

Thanks.

prathz Purchased

Hi Keen Themes,

Have been encountering a problem since the last 3 version downloads.Font awesome, glyphicons and simple icons will not load.Is it just me or everyone is facing the same problem?

Default-user
prathz Purchased

Hi Keen Themes, UPDATE: The fonts load in chrome and IE but not in FF. Any settings or modifications to be made?

keenthemes

Hi :),

In the latest firefox “security.fileuri.strict_origin_policy” by default set to “true”. Thats why firefox couldn’t found the file font icon files(e.g: fontawesome) since browser doesn’t support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

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

Thanks.

what is the requirement for using inline editing ?

the js and css please :D

keenthemes

Hi :),

The inline editable datatable samples just demonstrates basic inline editing feature. To make it fully functional you will need to customize it and implement sever side part(to sync the edited data with database).

If you need any further assistance please email our support at support@keenthemes.com. Also please include your licenses details as we did not see “purchased” badge for your username.

Thanks.

Could you maybe recreate this theme and just make it more snazzy and modern looking?

Functionally this theme is fantastic but aesthetically it’s a bit dated. I think you’d get a lot of new purchases if you did that :)

James

keenthemes

Hi :),

Thanks for your feedback.

Now we are working on v3.2 which will include a new uniquely designed layout option. We plan to add more layout options in a future releases.

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

Thanks.

Hello I`m looking forward to buy this theme since very long but I would like it to be useful for my purposes. In my case I want to use it locally in my tablet to use the frontend theme template as a company presentation (portfolio) and the admin area I would like to use it for sales reports , graphics, message admin, statistics and whatever help me for my sales proccedures. Do you think the theme would help out for that ? Thank you

Default-user

by the way, it`s intended to use it locally because it`s supposed not to depend on an internet connection to make the presentation . regards

keenthemes

Hi :),

If you want yo use it locally in tablets ? Basically you can do that if your pages will contain only html and javascript code. Even you can use browser local storage features to save your data and access via SQL in javascript. However Metronic does not cover the actual application implementation since its responsibility of users.

If you need any further clarifications please let us know.

Thanks.

Wingy Purchased

Hi

I am wondering if its possible to include some markup to be displayed with the popovers feature. Currently I am using popovers to display small amounts of text which you specify in the data-content attribute. (which looks awesome by the way!)

I would like to display a simple 3×3 table, keeping with the same look and feel of the popovers.

Is this possible? or can you recommend another jquery plugin for non modal popover like this.

Thanks

keenthemes

Hi :),

You can use data-html=”true” and set html code instead of text

For more info you can check the documentation here: as explained here: http://getbootstrap.com/javascript/#popovers

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

Thanks.

carlost Purchased

Hi. Thanks for the new version. I need something like the new right sidebar, but always visible and not overlapping the content. Is there any way of doing it?

Thanks in advance.

Default-user
carlost Purchased

Wonderful ;)

Default-user
carlost Purchased

Now I will make it harder :)

Any way that the right sidebar scrolls with the content?

Thanks

keenthemes

Hi :),

I afraid this would require some major changes in the core code of the quick sidebar. The current solutions relies on fixed positioned DIV so you can’t simply make it scroll with the page.

Thanks.

caskam Purchased

Hello,

I’m wondering, I’ve purchased your theme and love its versatility! I’m wondering, would I be able to contract any creator(s) to customize the theme to my wireframes? (very extensive web app/page for Fantasy Sports Leagues)

Any suggestions would be appreciated! Thanks!

keenthemes

Hi :),

Thanks for your feedback. But we do not provide custom development services. We mainly focus on our premium themes and customer support.

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

Thanks.

Dear sir my team use anther framework for JSF pages to build side menu dynamically, and i need to over writ our Metronic Style for the SIDEBAR MENU but as you Know you build Metronic style for sidebar menu as ul>li>ul>li and the anther (JSF) one render as

Icon Menu L1

  • Icon Menu L2
  • Icon Menu L2

can i modify the Metronic style CSS Structural to fit the same look and feel to new one

thanks for your cooperation

Default-user
<!—

Icon Menu L1

  • Icon Menu L2
  • Icon Menu L2
—>
keenthemes

Hi :),

Sorry, i could not understand your question. Could you please contact our support at support@keenthemes.com and provide more details to explain your question.

Thanks.

Hye !

I am facing a problem with Daterangepicker and Ajax. I’m called ajax page in the function (start,end). With this version there are to many call (over 200 ) to the php page .. I sure it’s work with metronic 1.4 because i don’t have this problem. Someone can say to me if’s it’s known and how i can search to resolve it ? thk

keenthemes

Hi :),

You can track the issue by adding “alert(1)” code to check how and when the (start, end) callback functions is called. Also you will need to double check if there is any other code that you added or modified that might cause this issue.

Also please make sure you updated assets folder fully the latest with v3.1 and updated the html code as well.

If you need any further assistance please contact our support at support@keenthemes.com and provide us a link to your developing site.

Thanks.

Default-user

Hello, I found thank to your “alert(1)”. I put three class as : “class=”ajaxify the_same_name” .. Do not do it !!! Thanks a lot

keenthemes

You are most welcome! Glad to help you out :)

iapptec Purchased

any suggestions , we are running your template in a locked down intranet environment , so we cant access the internet , so cant access google fonts.

what work around would you suggest ?

keenthemes

Hi :),

You can download Open San’s font assets from google fonts and put it under “assets” folder to load it locally. To make a local copy just open http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all directly in your browser and download all the inner dependacy files and put them in your assets folder and load the font css files from local path.

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.

by
by
by
by
by
by