3674 comments found

DavideBar Purchased

Do you have a Icon for LinkedIn like the ones for Facebook, Twitter, Google+ at one_page_index ?

keenthemes

Hi :),

Are your referring to the footer icons ? If so, yes, the linkedin icon is already included there. Please double check it here: http://www.keenthemes.com/preview/metronic/theme/templates/frontend/onepage-index.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.

I’m using your timeline from Home>Pages>Timeline

I am trying to use my own color instead of using the ‘timeline-blue’ or ‘timeline-yellow’ etc. Is there a way to do it?

Thank You

keenthemes

Hi :),

Yes, you can create a custom timeline colors by adding below css code in custom.css:

/* My color*/
.timeline li.timeline-custom .timeline-body:after {
  border-right-color: #ffb848;
}

.timeline li.timeline-custom .timeline-body {
  background: #ffb848;
}

.timeline li.timeline-custom .timeline-time span.time {
  color: #ffb848;
}

.timeline li.timeline-custom .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #ffb848;
}

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.

atosatti Purchased

I’m using the Metronic Template since the version 2.0 and the results are incredible! Check how it is working in my web management system through this playlist https://www.youtube.com/watch?v=54WGl1A_3Io&list=PL_o4PYtZ1__BzZQXaQ1q6mdqe29Msrpjg

keenthemes

Hi :),

Looks really cool. Well done! Good luck with your project!

Thanks.

cteinc Purchased
I have a question about the alert, I use asp.net and I have this panel to basically display the message:
<asp:Panel ID="InfoPanel" runat="server" 
class="alert alert-warning alert-dismissable" Visible="False">
   <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
   <i class="fa-lg fa fa-bullhorn" />
   <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
</asp:Panel>

How to I make it auto-close in 5 seconds?

keenthemes

Hi,

Sorry, that was bad formatting. Please refer to below code.

You should run it on page load:

<script>
        jQuery(document).ready(function() {
               // Core initialization 
               Metronic.init(); // init metronic core components(mandatory)
               Layout.init(); // init current layout(mandatory)
               QuickSidebar.init(); // init quick sidebar(optional)
               Demo.init(); // init demo features(optional)

               // Init alert on page load
               Metronic.alert({
                container: $('#my_alert_container'), // alerts parent container(if value is not set then it places the alert after the page breadcrumbs)
                type: 'success',  // "succes", "danger", "warning" or "info" 
                message: "I am an alert!",  // alert's message
                close: true, // make alert closable
                focus: true, // auto scroll to the alert after shown
                closeInSeconds: 5 // auto close in 5 seconds
                icon: "bullhorn" // name part of the fontawesome icon class(e.g: fa-bullhorn)
});

        });
</script>

Also you should place a DIV with “my_alert_container” ID where you want to place the alert:

<div id="my_alert_container">
</div>

Thanks.

Default-user
cteinc Purchased
I got this error on console:
Uncaught ReferenceError: Metronic is not defined 
it points to this line:
Metronic.init();
Libraries that I included:
    <!-- Load javascripts at bottom, this will reduce page load time -->
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
    <!--[if lt IE 9]>
    <script src="/assets/global/plugins/respond.min.js"></script>
    <![endif]-->
    <script src="/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
    <script src="/assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/bootstrap-toastr/toastr.min.js"></script>
    <script src="/assets/admin/pages/scripts/ui-alert-dialog-api.js"></script>

    <!-- pop up -->
    <script src="/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>

    <script src="/assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            Layout.init();
            Layout.initUniform();
            Layout.initTwitter();
        });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->

    <script>
        jQuery(document).ready(function () {
            // Core initialization 
            Metronic.init(); // init metronic core components(mandatory)
            Layout.init(); // init current layout(mandatory)
            QuickSidebar.init(); // init quick sidebar(optional)
            Demo.init(); // init demo features(optional)

            // Init alert on page load
            Metronic.alert({
                container: $('#my_alert_container'), // alerts parent container(if value is not set then it places the alert after the page breadcrumbs)
                type: 'success',  // "succes", "danger", "warning" or "info" 
                message: "I am an alert!",  // alert's message
                close: true, // make alert closable
                focus: true, // auto scroll to the alert after shown
                closeInSeconds: 5, // auto close in 5 seconds
                icon: "bullhorn" // name part of the fontawesome icon class(e.g: fa-bullhorn)
            });

        });
    </script>
keenthemes

Before layout.js please try to include metronic.js as shown below:

<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="/assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
muthu_tdr Purchased

Hi, It is very nice work and suberb features. Really helped us lot.

we are using the new version whereas we are facing the below issue (present in your live demo also)

1. Go to any porlet which has close (Remove) option. 2. Move the cursor on close icon – A tooltip will appear (on cusor out the tooltip automatically vanished. But facing issue on the below case) 3. Click on the close button 4. Now the tooltip still exist on the page.

Please let me know if any patch needed to add any JS file.

keenthemes

Hi :),

Thanks for reporting this issue. We will fix it in the next update. In the main time to fix it you need to change the “portlet remove” handler under “handlePortletTools” with below code:

        // handle portlet remove
        $('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function(e) {
            e.preventDefault();
            var portlet = $(this).closest(".portlet");

            if ($('body').hasClass('page-portlet-fullscreen')) {
                $('body').removeClass('page-portlet-fullscreen');
            }

            portlet.find('.portlet-title .fullscreen').tooltip('destroy'); 
            portlet.find('.portlet-title > .tools > .reload').tooltip('destroy');
            portlet.find('.portlet-title > .tools > .remove').tooltip('destroy');
            portlet.find('.portlet-title > .tools > .config').tooltip('destroy');
            portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy');

            portlet.remove();
        });

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.

valbercj Purchased

Dear friend,

The radio input it is not working (unfortunetelly). It seems that one is put above other one. How can I fix it?

keenthemes

Hi :),

Did you copy paste the code from browser’s code inspector ? If so, please revert it back and refer to the original HTML code from the html templates. The customized checkbox and radio buttons wrapped with some extra DIVs initialized on page load by uniformjs pluigin. So please refer to the initial code in the source of form_controls.html template.

If you need any further assistance please let us know.

Thanks.

Default-user
valbercj Purchased

Thank you! It work perfectly! But now I’m with another problem, I put a date-picker on the form and it didn’t work. I’ve already configure all the dependency files, but nothing works…

keenthemes

Hi,

Are you getting any JS error in the console ? Please double check your code and make sure you included below js and css files to use the datepicker plugin:

<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-datepicker/css/datepicker3.css"/>
<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

Then to initialize the datepicker input you should follow below code:

HTML:

<div class="form-group">
    <label class="control-label col-md-3">Default Datepicker</label>
    <div class="col-md-3">
        <input class="form-control form-control-inline input-medium my-date-picker" size="16" type="text" value=""/>
        <span class="help-block">
        Select date </span>
    </div>
</div>
JS:
<script>
        jQuery(document).ready(function() {
               // Core initialization 
               Metronic.init(); // init metronic core components(mandatory)
               Layout.init(); // init current layout(mandatory)
               QuickSidebar.init(); // init quick sidebar(optional)
               Demo.init(); // init demo features(optional)

               // Datepicker initialization
               $('.my-date-picker').datepicker({
                   orientation: "left",
                   autoclose: true
                });
        });
</script>
For more info you can check the datepicker plugin’s official doc here: http://bootstrap-datepicker.readthedocs.org/en/release/

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

Thanks.

leonasdf Purchased

i cannot download ?why?

keenthemes

Hi :),

Sorry, we can’t distribute the purchased files outside the marketplace. When you download the purchased item you will get a license key issued so you should solve the connection issue and try to download it from your own account.

Thanks.

Default-user

but the Item reached download limit(50)before I download the file successfully,what can I do now?

Hello,

We just purchased Metronic Admin theme and are integrating it. You guys have done a great job with the template examples. One question – we need to customize the default theme to match our company standard. Do you have any documentation on how to customize the navbar header, links, hover, background color etc? What’s the best way to do this? I see there are Sass files. Can the Sass file be updated?

Thanks.

keenthemes

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

Default-user

That video was very helpful. Quick question – the sidebar won’t load in IE 8. We have changed <html en> to include IE8 related class. Any idea what we could be missing?

keenthemes

Hi :),

Did you experience the same issue in our preview site – keenthemes.com/preview/metronic/theme/templates/admin ? Or its only in your developing site ? Please make sure you open the page from a webserver(localhost or hosting) not directly from a file. IE8 can’t display html files properly when they are opened directly from a file.

If you need any further assistance please contact our support via support@keenthemes.com. Please provide more details, like a link to your developing site where you have issue, etc. Also please provide your purchased license info since we did not see “purchased” badge for your username here.

Thanks.

OK, not to sound dumb, but this will allow me to have a framework for me to create an app where the user can: purchase the app, use it I can add any pages I want and customize any existing pages you have. Can I customize the fullCalendar?

keenthemes

Hi :),

Metronic is not a fully functional web app. Metronica is just an HTML theme(HTML, JS & CSS) that can be used to develop a custom web applications from scratch. Any special features(adding pages, customizing calendars, etc) are responsibility of buyers since Metronic does not include the server side implementation.

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.

Hello! Do you have blank version of admin2 theme without plugins ? Regards.

keenthemes

Hi :),

You can refer to this page http://keenthemes.com/preview/metronic/theme/templates/admin2/layout_blank_page.html with minimum required js and css files. The rest plugins you can remove from “assets/global/plugins/” folder to have a basic theme without all the plugins.

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.

ddumyy Purchased

Where do you initialize ckeditor? I want to change the toolbar, and i have changed in ckeditor/config.js and is not working.

Thanks,

keenthemes

Hi :),

There is no initialization code for the ckeditor samples. We used the default class “ckeditor” to get the demo editors initialized automatically. You can apply a different class and add your own initialization code refering the ckeditor documentation.

<textarea class=" form-control" name="editor1" rows="6"></textarea>

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

Thanks.

grantchen Purchased

Dear Author,

I would like to report a bug in editable table. Add New>Cancel You will can’t edit other lines again. To solve this issue, one line should be added in the following codes of table-editable.js.

table.on('click', '.cancel', function (e) {
    e.preventDefault();
    if (nNew) {
        oTable.fnDeleteRow(nEditing);
        nEditing = null;
        nNew = false;
    } else {
        restoreRow(oTable, nEditing);
        nEditing = null;
    }

Best Wishes, Grant Chen

keenthemes

Hi :),

Thanks for informing this issue. We will check your solution and include it the next update.

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

Thanks,

lsn_ro Purchased

Hello!

When you add Redactor?

Thank you!

keenthemes

Hi :),

At the moment we can’t give any clear ETA for this. We will check it further and consider it in a future releases.

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

Thanks.

The “one page” template is missing the “contact” section. Please advise?

Awesome template!

Kind Regards William

keenthemes

Hi :),

There is no “Contact” block. Its designed to scroll to the footer part where contact info is displayed.

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