Yves White | C# Online Compiler

Yves White by kblau237

Model

​x
 
​

<!DOCTYPE html>

<html>
<head>
    <style>
        .theStyle {
            z-index: 1;
            left: 50px;
            top: 350px; /*<-----adjust height*/
            position: absolute;
            overflow: auto;
        }

        .list li:last-child {
            border-right: none;
        }

        ul {
            padding-top: 10px;
            padding-bottom: 100px;
        }

        li {
            float: left;
            width: 25%;
            text-align: center;
            list-style-type: none;
            border-right: 2px solid;
        }

        button {
            background-color: none;
            border: none;
            color: blue;
            text-decoration: underline;
            background-color: white;
            font-family: helvetica;
            font-size: 20px;
        }
    </style>
    <meta name="viewport" content="width=device-width" />
    <title>Index2005</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="square rounded p-5  border border-secondary">
        <ul class="list">
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Vente</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Inventaire</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Achat</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Finance</button></li>
        </ul>
    </div>
    <div class="modal fade" id="myModal" role="dialog" data-backdrop="false">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content  theStyle">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">The Title</h4>
                </div>
                <div class="modal-body">
                    Hello World
                </div>
            </div>

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

View

 
<!DOCTYPE html>
​
<html>
<head>
    <style>
        .theStyle {
            z-index: 1;
            left: 50px;
            top: 350px; /*<-----adjust height*/
            position: absolute;
            overflow: auto;
        }
​
        .list li:last-child {
            border-right: none;
        }
​
        ul {
            padding-top: 10px;
            padding-bottom: 100px;
        }
​
        li {
            float: left;
            width: 25%;
            text-align: center;
            list-style-type: none;
            border-right: 2px solid;
        }
​
        button {
            background-color: none;
            border: none;
            color: blue;
            text-decoration: underline;
            background-color: white;
            font-family: helvetica;
            font-size: 20px;
        }
    </style>
    <meta name="viewport" content="width=device-width" />
    <title>Index2005</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="square rounded p-5  border border-secondary">
        <ul class="list">
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Vente</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Inventaire</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Achat</button></li>
            <li><button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Finance</button></li>
        </ul>
    </div>
    <div class="modal fade" id="myModal" role="dialog" data-backdrop="false">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content  theStyle">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">The Title</h4>
                </div>
                <div class="modal-body">
                    Hello World
                </div>
            </div>
​
        </div>
    </div>
</body>
</html>

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View();
		}


		}
		}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }
​
​
        }
        }

View in Full Screen

View IL Code