3497 comments found

tonyxt1 Purchased

I encounter the following problem when embedding an object in the page, the object is to insert a live encoder for video streaming. The problem only occurs in PC’s running Windows (all browser display the same problem in Windows 8 )The video feed gets on top of everything including modals. If I try to show a modal, it gets under and obscured by the video window, same thing with the top nav bar. This is the inserted code for the live encoder (btw I tried both wmode=opaque and wmode=transparent, neither worked):

<!-nanocosmos ActiveX -> <object id=”nanovid1” classid=”clsid:E6F9EDB5-797B-4bc3-95E2” width=”320” height=”240”> <param name=”WMode” value=”Opaque”> <comment> <embed id=”nanovid1” type=”application/x-nanocosmos-LiveVideoEncoder” width=320 height=240 wmode=”opaque” > <noembed> Can’t embed plugin. </noembed> </embed> </comment> </object>

Thank you

Tony XT1

keenthemes

Hi :),

Thanks for your feedback.

Can you provide the full code to embed the video stream ? Or can you pass us a link to your developing page ? We will need to debug your code in order to advise you further. Didn’t you try to put the video stream in iframe using responsive video container from bootstrap framework http://getbootstrap.com/components/#responsive-embed ?

Any further details you can email our support at support@keenthemes.com

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

Thanks.

valbercj Purchased

Woowwww!!! When is the release of the new version? :D

keenthemes

We are working hard to release it In the next week. Stay tuned! :)

Hi KeenThemes. This is awesome template. We start new project but we wait for new admin layout. When is the release of the new admin layout? Or you may show us more screenshoot about that.

keenthemes

Hi :),

The advertised new admin layout(see item description page) will be released in the next week in v3.2 update. Another new admin layout will be out in the following release v3.3.

Stay tuned.

Thanks.

KovaZg Purchased

For One Page, this line is not clear to me: ”!menu-always-on-top class to the body element to set menu on top”

I would like menu to be on the top, but not sure how to make it.

I made: div class=”menu-always-on-top, but that doesn’t work.

Can you as well tell me how to change color. I hide settings option, but would like to “lock” other theme color, thanks.

keenthemes

Hi :),

You just need to apply “menu-always-on-top” class to the body element as shown below:

<body class="menu-always-on-top">
..........

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

Thanks.

If I want to change the directory structure to this..
  • ROOT
    • ASSETS
      • SCRIPTS
      • CSS
      • IMAGES

will I run into any issues?

Default-user

I have made the changes and not running into issues. Just had to update some paths.

keenthemes

Hi :),

Yes, Metronic is very flexible with the assets folder location. So you just need to change the paths where needed and there should not be any issue.

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

Thanks.

Hi, if possible, add more samples of reports for print on next realese, like orders list, customers labels, annual resume or orders, etc… with css specific for friendly print with page numbers, and header/footer…

keenthemes

Hi :),

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

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

Thanks.

Hello,

The new admin layout will be in AngularJS ?

keenthemes

Hi :),

The new admin layout will be in HTML. But we are already working on AngularJS and Full Ajax Versions of Metronic which will be released as soon as possible.

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

Thanks.

In the Bootstrap docs it says
Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.
But I do not see either of those in your code, just page-container.
Default-user

No, that is for 3.2. Right here first bullet point http://getbootstrap.com/css/#grid

keenthemes

Hi :),

Thanks for sharing this. Seems we missed that. We will check it further consider it in a future release. However current layout works fine without container fluid. But if needed we will implement it in a future release.

Thanks.

Good Day,

A client of mine purchased this theme and we are working on the project together. I have a question concerning the Portlets.

Let’s say I have two columns:

<div class="row"> <div class="col-md-6" id="col1" /> <div class="col-md-6" id="col2" /> </div>


Simple row with 2 columns, 50% and 50%.

Now in the first column, col1, we want a portlet that extends the full width, which we have working, col-md-12, and two smaller portlets below that one, so col-md-6 for each one, works great.

Now in col2, we want 1 tall portlet which needs to be the same height as the total height of portlets from the 1st column.

How do we make one portlets height match another (or multiple) portlets height?

keenthemes

Hi :),

In your case you will need to use some jQuery code to auto calculate the height when needed since with CSS you can handle this behavior. I would suggest you to set a function as window resize handler:

Metronic.addResizeHandler(function(){
   // do some stuff to calculate and set proper height for related portlets.
});

The above code will be execute on page load and each time when window is resized. Useful for dynamic layout handling similar to your case.

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

Thanks! I will give it a try! :)

keenthemes

Good luck. Please let me know if you need any further assistance :)

Is there a way to load more than one revolution slider on a page? I’m using tabs to hide and show different page sections, and I want each section to have it’s own banner.

Any help would be great.

keenthemes

Hi :),

You can try to reuse “initRevoSlider” function for the second slider in assets/frontend/pages/scripts/revo-slider-init.js. Basically you will need to initialize each slider separately.

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

Thanks.

Hello,

When I use page-sidebar-fixed, sidebar toggler dons’t work properly.

Tested on admin/template/index.html

Thanks

keenthemes

Hi :),

That has some technical limitation and as a workaround you can move the sidebar toggler to the header as shown here:

http://keenthemes.com/preview/metronic/templates/admin/layout_sidebar_fixed.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.

Hello, I need your help .. How to setup the thumbnails at this page : ====== http://www.keenthemes.com/preview/metronic/templates/frontend/portfolio-3.html ====== when the height of the images are not in the same size ? but I want to keep the thumbnail columns height similar ?

Would it be possible to restrict the ‘image height visible area’ to for example 200 pixels ? then hide the remaining height. Or maybe you have another brilliant idea how to do that.

Thanks

keenthemes

Hi :),

We will need to check it further as this is gonna be a new feature. However at the moment it requires that images should be in the same size. We will consider this in a future release.

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

Thanks.

leflon Purchased
Hi, A suggestion for future updates Include rotations texts functions (in tables, menu, etc.) with responsive support for auto resizing text. I find it hard to set up a table with custom functions .rotate90{ transform: rotate(-90deg); /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);; position:relative; top:-45px; left: -0px; display:inline-block; text-align: left; } It works but I am having trouble placing texts Regards
keenthemes

Hi :),

Thanks for the suggestion. We will check it further and consider implementing it in a future release.

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

Thanks.

Default-user
leflon Purchased

Do not forget the multi orientation :)

keenthemes

Noted. Thanks :)

I’m having a tough time making datatable rows, into hyperlinks to URLs that contain the corresponding IDs. For example, looking at the orders grid, I’d like to just click on a row and load the order.

I’ve got code that I believe should work:

        var grid = new Datatable();

        grid.init({
            src: $("#datatable_orders"),
            onSuccess: function (grid) {
                // execute some code after table records loaded
            },
            onError: function (grid) {
                // execute some code on network or other general error  
            },
            loadingMessage: 'Loading...',
            dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options 
                "lengthMenu": [
                    [10, 20, 50, 100, 150, -1],
                    [10, 20, 50, 100, 150, "All"] // change per page values here
                ],
                "fnDrawCallback" : function() {
                    $("#datatable_orders tbody tr").click(function () {
                    //get position of the selected row
                    var position = grid.fnGetPosition(this);
                    //value of the first column (can be hidden)
                    var id = grid.fnGetData(position)[0];
                    //redirect
                    document.location.href = "?q=node/6?id=" + id;
                        });
                },
                "pageLength": 20, // default record count per page
                "ajax": {
                    "url": "php/orders.php", // ajax source
                },
                "order": [
                    [1, "asc"]
                ] // set first column as a default sort by asc
            }
        });

When clicking on any of the datatable rows, the console shows:

TypeError: grid.fnGetPosition is not a function

This is a datatables function. Could you show me the proper way to access it? Many thanks! :)

keenthemes

Hi :),

I would suggest you more easier way. Just place the ID as html attribute in the first TD element(in the responsive JSON array you should format the cell as “ Some text “):

<tr>
<td><span date-id="34">Some text</span></td>
<td>..</td>
<td>..</td>
</tr>

And you can attach the click event handler as global handler for the table right after datatable gets initialized:

..... // datetable initialization code

$("#datatable_orders").on("click", "tbody > tr",  function () {
      var id = $(this).find("td > span").attr("data-id");
      document.location.href = "?q=node/6?id=" + id;
});

If you need any further assistance please let us know.

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

Thanks.

Default-user

Many thanks for your quick reply.

The concept sounds good, what I’m not understanding is how to set the ID of each row as an element in the datatable. The data for the datatable is loaded via ajax, exactly as shown in your orders demo.

Cheers…

Default-user

keentheme team: No need to reply. I’ve got this working.

To anyone looking to do this in the future, to accomplish this task using ajax datatables, do the following:

In your php ajax data source, edit the reply array of whatever column you are wanting to reference in the destination url to something like this:

$row[] = '<span data-id="' . $aRow[1] . '">' . $aRow[1] . '</span>';

then you can attach the click event handler as global handler for the table right after datatable gets initialized:

..... // datetable initialization code

$("#datatable_orders").on("click", "tbody > tr",  function () {
      var id = $(this).find("td > span").attr("data-id");
      document.location.href = "?q=node/6?id=" + id;
});

This worked like a charm for us.

Please note in the original reply by keenthemes, there was a typo in the attribute name that breaks the solution.

Hello,

First of all I want to say thank you for wonderful template.

I have bought Regular Licence. My question would be, can I use Front End Corporate Template for my one private website and Admin Template for my second private different website?

I mean to use like this: Corporate Template = Website 1 and Admin Template = Website 2.

keenthemes

Hi :),

Thanks for your feedback.

Let me clarify this with Envato and get back to your final answer. We never thought of this case since we started releasing multiple sub themes. Could you please email our support regarding this at support@keenthemes.com and we will update you once we got the Envato’s advice.

Thanks.

1. Where is list of updates, and what was changed?

2. Having conflict with Java libraries in Admin panel. enable the jQuery then sub menu is not loading in left menu bar. If I disable the jQuery then AJAX is not working.

keenthemes

Hi :),

You can find the changelog in the documentation file(refer: documentation/admin). If you are upgrading from older version to the latest version then i would suggest you to reintegrate the theme from scratch. Updating each modified file and code is not efficient.

If you need any further assistance please let us know.

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

Thanks.

keenthemes

Hi :),

Thanks for the feedback. We will fix those issues as much as possible in the next update.

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

Thanks.

KovaZg Purchased

Hello, I understand bits and parts of javascript, and php, etc. I bought it to give it to programmers to make what I want.

But I’m playing with one page template, and I tried to take tabs from Portfoio part from admin part.

I copy pasted code there, and wanted to edit, first tabs (for columns) are there, and clickable, but other ones, for categories, are not working, they are displaying as list (dots).

Please can you tell me, do I need to include some plugin, class, whatever, to make them work in one page template.

So what I talk to simplify, in Admin, Pages, Porfolio, I would like to have this tabs displaying as there: “All UI Design Web Development Photography Wordpress and Logo” They show as list.

Thanks.

keenthemes

Hi :),

That tab component is a global component(defined in components.css file) so you can use it all sub themes. Just refer to the below html code:

<div class="tabbable tabbable-custom boxless">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab_1" data-toggle="tab">
            Tab 1 </a>
        </li>
        <li>
            <a href="#tab_2" data-toggle="tab">
            Tab 2 </a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab_1">
            tab 1 content...
        </div>
        <div class="tab-pane" id="tab_2">
            tab 2 content...
        </div>
    </div>
</div>

If you need any further assistance please let us know.

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

Thanks.

KovaZg
KovaZg Purchased
I talk about other tab, that I want, and you have it in admin: <div class="tab-content"> <div class="tab-pane active" id="tab_1"> <!-- BEGIN FILTER --> <div class="margin-top-10"> <ul class="mix-filter"> <li class="filter active" data-filter="all"> All </li> <li class="filter" data-filter="category_1"> UI Design </li> </ul></div></div></div>
keenthemes

I just replied to your email. Please let our support know if you need any further assistance :)

mirroras Purchased
Hi (i’m using 3.1 metronic) I like the pricing tables but i have some issues because i have a lot of data that are coming from database. The height of div is 500px <div class="pricing hover-effect" style="height:500px"> but sometimes the 500px is, most is not ok So please provide me a solution I tried to replace this pricing div with a portlet because portlet is scrollable. but i have not the hover-effect. How can i achieve this ? Also i tried this : After pricing-head, i remove <ul> and pricing-footer and I add these 3 lines <code> <div class="row"> <div class="col-md-12"> <div class="table-scrollable"> { my table is here - 2 columns - about 12-15 rows } </div> </div> </div> but the same result. The hover effect is not working properly in that case thanks. Could you pls tell me how can i replace the </code></ul></div>
keenthemes

Hi :),

Please use the original HTML code of the pricing tables(do not change the markup) but to have it with fixed height just apply below class and style attribute for each pricing table DIVs:

<div class="pricing hover-effect scroller" style="height:500px"> 
....
</div>

Using the above scroller class with fixed height will enable the scrollable content via SlimScroll plugin.

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.

alfkos Purchased

Hi,

Still the best template for me. Is there support to use footer callback function from Datatables?

i want to do sum of some columns in my tables.

TIA

keenthemes

Hi :),

Thanks for the feedback.

You can check some related samples from the datetables plugin’s official documentation: http://www.datatables.net/examples/advanced_init/footer_callback.html

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

Thanks.

by
by
by
by
by
by