Safe Haskell	None
Language	Haskell2010

Yesod.Form.Bootstrap4

Description

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

Synopsis

Documentation

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

Render the given form using Bootstrap v3 conventions.

data BootstrapFormLayout Source #

The layout used for the bootstrap form.

Constructors

BootstrapBasicForm
BootstrapInlineForm
BootstrapHorizontalForm
Fields bflLabelOffset :: !BootstrapGridOptions bflLabelSize :: !BootstrapGridOptions bflInputOffset :: !BootstrapGridOptions bflInputSize :: !BootstrapGridOptions

Instances

Eq BootstrapFormLayout Source #
Methods (==) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool # (/=) :: BootstrapFormLayout -> BootstrapFormLayout -> Bool #
Ord BootstrapFormLayout Source #
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 Source #
Methods readsPrec :: Int -> ReadS BootstrapFormLayout # readList :: ReadS [BootstrapFormLayout] # readPrec :: ReadPrec BootstrapFormLayout # readListPrec :: ReadPrec [BootstrapFormLayout] #
Show BootstrapFormLayout Source #
Methods showsPrec :: Int -> BootstrapFormLayout -> ShowS # show :: BootstrapFormLayout -> String # showList :: [BootstrapFormLayout] -> ShowS #

data BootstrapGridOptions Source #

Constructors

ColXs !Int
ColSm !Int
ColMd !Int
ColLg !Int
ColXl !Int

Instances

Eq BootstrapGridOptions Source #
Methods (==) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool # (/=) :: BootstrapGridOptions -> BootstrapGridOptions -> Bool #
Ord BootstrapGridOptions Source #
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 Source #
Methods readsPrec :: Int -> ReadS BootstrapGridOptions # readList :: ReadS [BootstrapGridOptions] # readPrec :: ReadPrec BootstrapGridOptions # readListPrec :: ReadPrec [BootstrapGridOptions] #
Show BootstrapGridOptions Source #
Methods showsPrec :: Int -> BootstrapGridOptions -> ShowS # show :: BootstrapGridOptions -> String # showList :: [BootstrapGridOptions] -> ShowS #

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

withPlaceholder :: Text -> FieldSettings site -> FieldSettings site Source #

withAutofocus :: FieldSettings site -> FieldSettings site Source #

Add an autofocus attribute to a field.

withLargeInput :: FieldSettings site -> FieldSettings site Source #

Add the input-lg CSS class to a field.

withSmallInput :: FieldSettings site -> FieldSettings site Source #

Add the input-sm CSS class to a field.

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

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) Source #

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

data BootstrapSubmit msg Source #

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) Source #
Methods (==) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool # (/=) :: BootstrapSubmit msg -> BootstrapSubmit msg -> Bool #
Ord msg => Ord (BootstrapSubmit msg) Source #
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) Source #
Methods readsPrec :: Int -> ReadS (BootstrapSubmit msg) # readList :: ReadS [BootstrapSubmit msg] # readPrec :: ReadPrec (BootstrapSubmit msg) # readListPrec :: ReadPrec [BootstrapSubmit msg] #
Show msg => Show (BootstrapSubmit msg) Source #
Methods showsPrec :: Int -> BootstrapSubmit msg -> ShowS # show :: BootstrapSubmit msg -> String # showList :: [BootstrapSubmit msg] -> ShowS #
IsString msg => IsString (BootstrapSubmit msg) Source #
Methods fromString :: String -> BootstrapSubmit msg #