55 lines
1.9 KiB
HTML
55 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>GoFiber BootStrap Message Box Demo</title>
|
|
|
|
<!-- Take note of these imports, they are required for bootstrap -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css"/>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="row mt-5">
|
|
<div class="col-md-6 m-auto">
|
|
<div class="card card-body">
|
|
<h1 class="text-center mb-3">
|
|
Example
|
|
</h1>
|
|
|
|
<!-- Take note of unescape, this allows us to insert html -->
|
|
{{ unescape .msgBox }}
|
|
|
|
<form action="/" method="POST">
|
|
<div class="form-group">
|
|
<label for="username">Message</label>
|
|
<input
|
|
type="text"
|
|
id="message"
|
|
name="message"
|
|
placeholder="Enter Message"
|
|
class="form-control"
|
|
/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="username">Message Box Type</label>
|
|
<input
|
|
type="text"
|
|
id="messageboxtype"
|
|
name="messageboxtype"
|
|
placeholder="Enter Message Box Type"
|
|
class="form-control"
|
|
/>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-block">
|
|
Render Message Box
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<!-- These scripts are required to close the message box -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
</html> |