I have the following html that outlines the configuration of my form. I cannot figure out where to embed the html from my issue collector. For context, I am putting this on a confluence page. I was also getting an error at one point that said: " Required fields not present or fields too long in collector."
<!-- define the style for the button and how it looks when you hover the mouse cursor over it -->
<style type="text/css">
* {
font-family: arial;
font-size: medium;
}
.button{
font-size: large;
border: solid 0.2vw;
border-radius: 1vw;
border-color: #00457B;
background: #00457B;
padding: 0.8vw;
color: white;
cursor: pointer;
}
.button:hover{
background-color: #FFFFFF;
border: solid 0.2vw;
color: #00457B;
}
.inputtext{
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.textarea{
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.select {
width: 25%;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
height: 30px;
margin: 8px 0;
</style>
<form>
<br>
<label>First Name</label><br>
<input type="text" placeholder="Enter First Name" class="inputtext" name="fname" id="fname" required/>
<br>
<br>
<label>Last Name</label><br>
<input type="text" placeholder="Enter Last Name" class="inputtext" name="lname" id="lname" required/>
<br>
<br>
<label>Standard ID (SID)</label><br>
<input type="text" placeholder="Enter SID" class="inputtext" name="sid" id="sid" required/>
<br>
<br>
<label>Email</label><br>
<input type="text" placeholder="Enter Email" class="inputtext" name="email" id="email" required/>
<br>
<br>
<label>Request Title</label><br>
<input type="text" class="inputtext" name="title" id="title" required/>
<br>
<br>
<label>Request Summary</label><br>
<textarea name="summ" id="ssumm" class="textarea" placeholder="Enter detailed explanation of the request"></textarea>
<br>
<br>
<label>Intended Audience</label><br>
<select id="audience" class="select">
<option value="int">Internal</option>
<option value="ext">External</option>
</select>
<br>
<br>
<label>Segment</label><br>
<select id="segment" class="select">
<option value="smb">SMB</option>
<option value="canada">Canada</option>
<option value="us_direct">US Direct SMB</option>
<option value="part_isv">Partnership/ISV</option>
</select>
<br>
<br>
<label>Request Type</label><br>
<select id="req_type" class="select">
<option value="adhoc">Ad Hoc</option>
<option value="recurr">Recurring</option>
</select>
<br>
<br>
<label>Expected Output</label><br>
<select id="output" class="select">
<option value="excel">Excel</option>
<option value="tableau">Tableau</option>
<option value="looker">Looker</option>
<option value="ppt">Presentation</option>
</select>
<br>
<br>
<input type="checkbox" id="urgent" name="urgent" value="urgent">
<label for="Urgent"> Urgent Request? (Note: Need MD approval for less than 7 days)</label>
<br>
<h3>Attach supporting documentation (if any)</h3>
<input type="file" id="myFile" name="filename">
<br>
<br>
</form>
<br>
<input type="button" id="myRequestTrigger" class="button" value="Submit Request"/>
<input type="reset" class="button" value="Reset"/>
</form>
|
