Yesod.Form.Bootstrap4

this program based on Yesod.Form.Bootstrap3 of yesod-form yesod-form under MIT license, author is Michael Snoyman [e-mail]

Documentation

renderBootstrap4 :: Monad m => BootstrapFormLayout -> FormRender m a

Render the given form using Bootstrap v3 conventions.

data BootstrapFormLayout

The layout used for the bootstrap form.

Constructors

BootstrapBasicForm

BootstrapInlineForm

BootstrapHorizontalForm

Fields

• bflLabelOffset :: !BootstrapGridOptions
• bflLabelSize :: !BootstrapGridOptions
• bflInputOffset :: !BootstrapGridOptions
• bflInputSize :: !BootstrapGridOptions

Instances

Eq BootstrapFormLayout

Defined in Yesod.Form.Bootstrap4

Methods

(==) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

(/=) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

Ord BootstrapFormLayout

Defined in Yesod.Form.Bootstrap4

Methods

compare :: BootstrapFormLayout -> BootstrapFormLayout -> Ordering

(<) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

(<=) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

(>) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

(>=) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool

max :: BootstrapFormLayout -> BootstrapFormLayout -> BootstrapFormLayout

min :: BootstrapFormLayout -> BootstrapFormLayout -> BootstrapFormLayout

Read BootstrapFormLayout

Defined in Yesod.Form.Bootstrap4

Methods

readsPrec :: Int -> ReadS BootstrapFormLayout

readList :: ReadS [BootstrapFormLayout]

readPrec :: ReadPrec BootstrapFormLayout

readListPrec :: ReadPrec [BootstrapFormLayout]

Show BootstrapFormLayout

Defined in Yesod.Form.Bootstrap4

Methods

showsPrec :: Int -> BootstrapFormLayout -> ShowS

show :: BootstrapFormLayout -> String

showList :: [BootstrapFormLayout] -> ShowS

data BootstrapGridOptions

Constructors

ColXs !Int

ColSm !Int

ColMd !Int

ColLg !Int

ColXl !Int

Instances

Eq BootstrapGridOptions

Defined in Yesod.Form.Bootstrap4

Methods

(==) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

(/=) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

Ord BootstrapGridOptions

Defined in Yesod.Form.Bootstrap4

Methods

compare :: BootstrapGridOptions -> BootstrapGridOptions -> Ordering

(<) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

(<=) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

(>) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

(>=) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool

max :: BootstrapGridOptions -> BootstrapGridOptions -> BootstrapGridOptions

min :: BootstrapGridOptions -> BootstrapGridOptions -> BootstrapGridOptions

Read BootstrapGridOptions

Defined in Yesod.Form.Bootstrap4

Methods

readsPrec :: Int -> ReadS BootstrapGridOptions

readList :: ReadS [BootstrapGridOptions]

readPrec :: ReadPrec BootstrapGridOptions

readListPrec :: ReadPrec [BootstrapGridOptions]

Show BootstrapGridOptions

Defined in Yesod.Form.Bootstrap4

Methods

showsPrec :: Int -> BootstrapGridOptions -> ShowS

show :: BootstrapGridOptions -> String

showList :: [BootstrapGridOptions] -> ShowS

bfs :: RenderMessage site msg => msg -> FieldSettings site

withPlaceholder :: Text -> FieldSettings site -> FieldSettings site

withAutofocus :: FieldSettings site -> FieldSettings site

Add an autofocus attribute to a field.

withLargeInput :: FieldSettings site -> FieldSettings site

Add the input-lg CSS class to a field.

withSmallInput :: FieldSettings site -> FieldSettings site

Add the input-sm CSS class to a field.

bootstrapSubmit :: (RenderMessage site msg, HandlerSite m ~ site, MonadHandler m) => BootstrapSubmit msg -> AForm m ()

A Bootstrap v4 submit button disguised as a field for convenience. For example, if your form currently is:

Person <$> areq textField "Name"    Nothing
       <*> areq textField "Surname" Nothing

Then just change it to:

Person <$> areq textField "Name"    Nothing
       <*> areq textField "Surname" Nothing
       <*  bootstrapSubmit ("Register" :: BootstrapSubmit Text)

(Note that <* is not a typo.)

Alternatively, you may also just create the submit button manually as well in order to have more control over its layout.

mbootstrapSubmit :: (RenderMessage site msg, HandlerSite m ~ site, MonadHandler m) => BootstrapSubmit msg -> MForm m (FormResult (), FieldView site)

Same as bootstrapSubmit but for monadic forms. This isn't as useful since you're not going to use renderBootstrap4 anyway.

data BootstrapSubmit msg

How the bootstrapSubmit button should be rendered.

Constructors

BootstrapSubmit

Fields

• bsValue :: msg

  The text of the submit button.

• bsClasses :: Text

  Classes added to the <button>.

• bsAttrs :: [(Text, Text)]

  Attributes added to the <button>.

Instances

Eq msg => Eq (BootstrapSubmit msg)

Defined in Yesod.Form.Bootstrap4

Methods

(==) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

(/=) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

Ord msg => Ord (BootstrapSubmit msg)

Defined in Yesod.Form.Bootstrap4

Methods

compare :: BootstrapSubmit msg -> BootstrapSubmit msg -> Ordering

(<) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

(<=) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

(>) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

(>=) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool

max :: BootstrapSubmit msg -> BootstrapSubmit msg -> BootstrapSubmit msg

min :: BootstrapSubmit msg -> BootstrapSubmit msg -> BootstrapSubmit msg

Read msg => Read (BootstrapSubmit msg)

Defined in Yesod.Form.Bootstrap4

Methods

readsPrec :: Int -> ReadS (BootstrapSubmit msg)

readList :: ReadS [BootstrapSubmit msg]

readPrec :: ReadPrec (BootstrapSubmit msg)

readListPrec :: ReadPrec [BootstrapSubmit msg]

Show msg => Show (BootstrapSubmit msg)

Defined in Yesod.Form.Bootstrap4

Methods

showsPrec :: Int -> BootstrapSubmit msg -> ShowS

show :: BootstrapSubmit msg -> String

showList :: [BootstrapSubmit msg] -> ShowS

IsString msg => IsString (BootstrapSubmit msg)

Defined in Yesod.Form.Bootstrap4

Methods

fromString :: String -> BootstrapSubmit msg