Search code examples
asp.netmetro-ui-css

Using metro ui css in asp.net webform

I am trying to use metro ui's button but it wont work.I think i have provided all the scripts and styles needed.I am new,Please help.

This is what i have done so far.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="metro.aspx.cs" Inherits="MetroWf.metro" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/metro-bootstrap.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.2.1.js"></script>
    <script src="js/metro.min.js"></script>
    <script src="js/metro/metro-button-set.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <button class="default" > helo </button>

    </div>
    </form>
</body>
</html>

It gives me a simple button.


Also i ma using vs13 so jquery already exist in my project.Does its presence makes difference in using metro.
And can i use metro and bootstrap side by side.I mean do the class name in them match and bring conflict.

edit This is what i get no matter which class i use be it default or danger.

enter image description here

Solution

  • You're missing the metro class at the <body> So if you change it to <body class="metro"> it should work. I have tested it on my local machine and it works like a gem. You can also refer to Metro UI CSS