Difference between revisions of "ContactTest.rythm"

From BITPlan Wiki
Jump to navigation Jump to search
Line 20: Line 20:
 
@header("en","ContactTest")
 
@header("en","ContactTest")
 
@bootstrap()
 
@bootstrap()
@formvalidate()
+
@formvalidate(fields)
</head>
+
  </head>
<body>
+
  <body>
 
   <div class="container">
 
   <div class="container">
    <form class="well form-horizontal" action=" " method="post"  id="contact_form">
+
@showform(fields)  
      <fieldset>
+
  </div><!-- /.container -->
        <!-- Form Name -->
+
   <body>
          <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>
 
</html>
 
</source>
 
</source>

Revision as of 15:06, 4 November 2017

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(fields)
  </head>
  <body>
  <div class="container">
@showform(fields) 
   </div><!-- /.container -->
  <body>
</html>