Skip to content

Instantly share code, notes, and snippets.

@nlochschmidt

nlochschmidt/bootstrapFieldConstructor.scala.html

Last active December 23, 2015 20:09
Show Gist options
  • Save nlochschmidt/6687635 to your computer and use it in GitHub Desktop.
Save nlochschmidt/6687635 to your computer and use it in GitHub Desktop.
Download ZIP
hack to use Play 2.2 form helper with Bootstrap 3
Raw
bootstrapFieldConstructor.scala.html
@(elements: views.html.helper.FieldElements)
@**************************************************
* Generate input according twitter bootsrap rules *
**************************************************@
<div class="input-group @elements.args.get('_class) @if(elements.hasErrors) {has-error}" id="@elements.args.get('_id).getOrElse(elements.id + "_field")">
<label class="sr-only" for="@elements.id">@elements.label(elements.lang)</label>
@elements.input
<div class="control-label" for="@elements.id">@elements.errors(elements.lang).mkString(", ")</div>
</div>
Raw
package.scala
package views.html.helper
import views.html.helper.bootstrap.bootstrapFieldConstructor
package object twitterBootstrap3 {
implicit val twitterBootstrapField = new FieldConstructor {
def apply(elts: FieldElements) = bootstrapFieldConstructor(elts)
}
}
Raw
paste
@import helper.twitterBootstrap3._
@nlochschmidt
Copy link
Author

Put bootstrapFieldConstructor.scala.html and package.scala in app/views/helper/bootstrap and paste the one-liner into the scala template that creates the form

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment