Skip to content

Instantly share code, notes, and snippets.

@rnjailamba

rnjailamba/gist:40dcf325d8ebd2719cc4

Created January 5, 2016 08:53
Show Gist options
  • Save rnjailamba/40dcf325d8ebd2719cc4 to your computer and use it in GitHub Desktop.
Save rnjailamba/40dcf325d8ebd2719cc4 to your computer and use it in GitHub Desktop.
Download ZIP
Basic Boiler Plate Form - Dropdown , Input text , Multiple Select and Submit Button - [http://tinypic.com/r/25u4lrm/9]
Raw
gistfile1.txt
<style type="text/css">
h2{
text-align: center;
}
.filters{
background-color: white;
height: 500px;
width: 1000px;
}
select,label{
width: 233px;
}
.selectLab{
width: 245px;
float: left;
}
form div{
padding: 10px;
}
form{
width: 900px;
}
.form{
height: 500px;
}
.selTex{
color: black;
}
.commonSel{
float: left; width: 280px;clear:none;
}
input[type=submit] {
padding:5px 15px;
background:#ccc;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}
</style>
<h2>CS Portal Dashboard </h2>
<h6 style="margin-bottom:20px;">Select Filters from below - </h6>
<body>
<div class = "filters">
<form role="form" action="/cgi-bin/dropdown.cgi" method="post">
<div class="selectLab commonSel" >
<h6 class="selTex">Call Count</h6>
<select id="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>>8</option>
</select>
</div>
<div class="selectLab2 commonSel" >
<h6 class="selTex">Call Reason Level 1</h6>
<select id="sel2" >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<div class="selectLab3 commonSel" >
<h6 class="selTex">Call Reason Level 2</h6>
<select id="sel3" >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<br>
<div class="selectLab commonSel" >
<h6 class="selTex">Select Something</h6>
<select id="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<div class="selectLab2 commonSel" >
<h6 class="selTex">Select Something</h6>
<select id="sel2" >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<div class="selectLab3 commonSel" >
<h6 class="selTex">Select Something</h6>
<select id="sel3" >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<br>
<div class="selectLab3 commonSel" >
<h6 class="selTex">Enter an Order id</h6>
<input type="text" name="fname">
</div>
<div class="selectLab3 commonSel" >
<h6 class="selTex">Enter something else</h6>
<input type="text" name="fname">
</div>
<div class="selectLab3 commonSel" >
<h6 class="selTex">Select Actions Done</h6>
<select multiple class="" id="sel2">
<option>INCALL</option>
<option>OUTCALL</option>
<option>EMAIL</option>
</select>
</div>
<div align="center">
<input class="btn-success" type="submit" value="Submit">
</div>
</form>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment