ContactTest.rythm
Jump to navigation
Jump to search
Links
https://codepen.io/jaycbrf/pen/iBszr
Rythm template
@// Rythm template for the WikiCMS approach
@include(wiki.MediaWiki.Bootstrap.rythm)
@include(wiki.MediaWiki.Form.rythm)
@{
Field[] fields={
new Field("firstname","First name","Vorname","John","Erika","user",2),
new Field("lastname","Last name","Nachname","Doe","Mustermann","user",2),
new Field("email","E-Mail Address","E-Mail Adresse","envelope",5),
new Field("phone","Phone number","Telefonnummer","+1 845 555-1212","+49 30 675797","earphone",8),
new Field("address","Address","Adresse","home",8),
new Field("zip","ZIP Code","PLZ","home",3),
new Field("city","City","Ort","home",2)
};
}
@{ boolean de=true;}
@header("en","ContactTest")
@bootstrap()
@formvalidate()
</head>
<body>
<div class="container">
<form class="well form-horizontal" action=" " method="post" id="contact_form">
<fieldset>
<!-- Form Name -->
<legend>Contact Us Today!</legend>
@for (Field field:fields) {
@field(de,field)
}
<!-- radio checks -->
<div class="form-group">
<label class="col-md-4 control-label">Do you have hosting?</label>
<div class="col-md-4">
<div class="radio">
<label>
<input type="radio" name="hosting" value="yes" /> Yes
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="hosting" value="no" /> No
</label>
</div>
</div>
</div>
<!-- Text area -->
<div class="form-group">
<label class="col-md-4 control-label">Project Description</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
<textarea class="form-control" name="comment" placeholder="Project Description"></textarea>
</div>
</div>
</div>
<!-- Success message -->
<div class="alert alert-success" role="alert" id="success_message">Success <i class="glyphicon glyphicon-thumbs-up"></i> Thanks for contacting us, we will get back to you shortly.</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
<button type="submit" class="btn btn-warning" >Send <span class="glyphicon glyphicon-send"></span></button>
</div>
</div>
</fieldset>
</form>
</div>
</div><!-- /.container -->
<body>
</html>