META-INF.html.tld Maven / Gradle / Ivy
Tagria html library
Tagria html library
3.0
html
http://tagrialib.jslsolucoes.com/tags/html
Renders a carousel
Carousel
carousel
com.jslsolucoes.tagria.lib.tag.html.CarouselTag
scriptless
Indicates the id for carousel
id
true
java.lang.String
<html:carousel>
<html:carouselItem active="true" label="Item 1" description="Description 1">
<html:carouselImage url="https://jslsolucoes.com/wp-content/uploads/logo.png" width="200" height="200" alt="logo"/>
</html:carouselItem>
<html:carouselItem label="Item 2" description="Description 2">
<html:carouselImage url="https://jslsolucoes.com/wp-content/uploads/logo.png" width="200" height="200" alt="logo"/>
</html:carouselItem>
</html:carousel>
Renders a carousel item
Carousel
carouselItem
com.jslsolucoes.tagria.lib.tag.html.CarouselItemTag
scriptless
Indicates the label of carousel item
label
true
java.lang.String
Indicates the description of carousel item
description
true
java.lang.String
It indicates whether the component must start activated. Default: false. Options: true,false
active
true
java.lang.Boolean
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:carousel>
<html:carouselItem active="true" label="Item 1" description="Description 1">
<html:carouselImage url="https://jslsolucoes.com/wp-content/uploads/logo.png" width="200" height="200" alt="logo"/>
</html:carouselItem>
<html:carouselItem label="Item 2" description="Description 2">
<html:carouselImage url="https://jslsolucoes.com/wp-content/uploads/logo.png" width="200" height="200" alt="logo"/>
</html:carouselItem>
</html:carousel>
Renders an carousel image
Carousel
carouselImage
com.jslsolucoes.tagria.lib.tag.html.CarouselImageTag
scriptless
It indicates if the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates the alt of image
alt
true
true
java.lang.String
It indicates if the component must be loaded from cdn
cdn
true
java.lang.Boolean
Indicates the image url
url
true
true
java.lang.String
<html:carousel>
<html:carouselItem>
<html:carouselImage url="/image/person.png" alt="logo"/>
</html:carouselItem>
</html:carousel>
Renders a jumbotron
Misc
jumbotron
com.jslsolucoes.tagria.lib.tag.html.JumbotronTag
scriptless
<html:jumbotron> <html:h1> Header </html:h1> </html:jumbotron>
Renders a mask in currency format for a particular input
Mask
currencyMask
com.jslsolucoes.tagria.lib.tag.html.CurrencyMaskTag
scriptless
Indicates the component name to attach currency mask
attachTo
true
true
java.lang.String
Indicates the component selector to attach currency mask
attachToSelector
true
java.lang.String
<html:input name="teste" value="0" format="currency"/>
<html:currencyMask attachTo="teste"/>
Renders event on mask after any key press
Mask
maskOnKeyPress
com.jslsolucoes.tagria.lib.tag.html.MaskTagOnKeyPress
scriptless
<html:input name="teste"/>
<html:mask mask="(00) 0000-00000" attachTo="teste">
<html:maskOnKeyPress>
var masks = ['(00) 0000-00000', '(00) 00000-0000'];
mask = (value.length > 14) ? masks[1] : masks[0];
$('#'+$(field[0]).attr('id')).mask(mask,options);
</html:maskOnKeyPress>
</html:mask>
Renders a h1
Html
h1
com.jslsolucoes.tagria.lib.tag.html.H1Tag
scriptless
<html:h1> Cabecalho </html:h1>
Renders a menu link
Menu
menuLink
com.jslsolucoes.tagria.lib.tag.html.MenuLinkTag
scriptless
Indicates the icon to be used. available list https://fontawesome.com/icons
icon
true
java.lang.String
Indicates the id of menu link
id
true
java.lang.String
Indicates the URL to be used
url
true
java.lang.String
It indicates the label to be used
label
true
java.lang.String
Indicates the target browser. Default: _self. Options: _self, _parent, _blank, namedeumiframe
target
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:menuLink label="Menu dropdown" url="#" >
</html:menuLink>
Renders a h3
Html
h3
com.jslsolucoes.tagria.lib.tag.html.H3Tag
scriptless
<html:h3> Cabecalho </html:h3>
Renders a block with top and bottom spacing
Misc
block
com.jslsolucoes.tagria.lib.tag.html.BlockTag
scriptless
It indicates whether the component should be rendered . Default : true
rendered
true
java.lang.Boolean
Indicates the align of text inside block. Default: left . Options: left,center,right
align
true
java.lang.String
It indicates size of margin top and left . Default : 3. Options: 1-5
margin
true
java.lang.Integer
<html:block margin="3">
Meu bloco de componentes
</html:block>
Renders a data list component
Input
dataList
com.jslsolucoes.tagria.lib.tag.html.DataListTag
scriptless
Indicates the id for the component
id
true
true
java.lang.String
Indicates the collection to be iterated in component
data
true
java.util.Collection
Indicates the map to be iterated in component
map
true
java.util.Map
Indicates that component has fixed options
fixed
true
java.lang.Boolean
It indicates the name of the variable java to be made available the object of iteration
var
true
java.lang.String
<html:input name="dl" list="myDatalist1"/>
<html:dataList id="myDatalist1" data="${ persons }" var="person">
<html:option value="${ person.id }">
${ person.name }
</html:option>
</html:dataList>
Renders a datePicker for a input
Picker
datePicker
com.jslsolucoes.tagria.lib.tag.html.DatePickerTag
scriptless
Indicates the component that triggers the date picker
attachTo
true
true
java.lang.String
Indicates the minimum day for date choice
min
true
java.lang.Integer
<html:input name="input1" placeholder="Date birth" />
<html:datePicker attachTo="input1" min="0"/>
Renders an event after datePicker select date for a input
Picker
datePickerOnSelect
com.jslsolucoes.tagria.lib.tag.html.DatePickerOnSelectTag
scriptless
<html:input name="input1" placeholder="Date birth" />
<html:datePicker attachTo="input1" min="0">
<html:datePickerOnSelect>
/* Available variables on select dateText,inst */
alert(dateText);
</html:datePickerOnSelect>
</html:datePicker>
Renders a google recaptcha
Misc
recaptcha
com.jslsolucoes.tagria.lib.tag.html.RecaptchaTag
scriptless
Indicates the site key available in google account developer for recaptcha
siteKey
true
true
java.lang.String
<html:recaptcha siteKey="yourapikey" >
</html:recaptcha>
Renders a data block iteration
Layout
dataBlock
com.jslsolucoes.tagria.lib.tag.html.DataBlockTag
scriptless
It indicates the collection to be iterated by the component
data
true
true
java.util.Collection
It indicates the name of the variable java to be made available the object of iteration
var
true
true
java.lang.String
Indicates the limit for every row block . Default: 4. Options : 1-12
limit
true
java.lang.Integer
Indicates the number of columns to fill to extra small viewport. Options: 1 to 12
extraSmall
true
true
java.lang.Integer
Indicates the number of columns to fill to small viewport. Options: 1 to 12
small
true
java.lang.Integer
Indicates the number of columns to fill to medium viewport. Options: 1 to 12
medium
true
java.lang.Integer
Indicates the number of columns to fill to large viewport. Options: 1 to 12
large
true
java.lang.Integer
<html:dataBlock limit="12" extraSmall="12" medium="4" small="4" large="1" data="${ persons }" var="person">
<html:alert state="success">
${ person.name }
</html:alert>
</html:dataBlock>
Renders a select box
Input
select
com.jslsolucoes.tagria.lib.tag.html.SelectTag
scriptless
It indicates a css class to the component
cssClass
true
java.lang.String
Indicates the collection to be iterated in component
data
true
java.util.Collection
Indicates the map to be iterated in component
map
true
java.util.Map
Indicates whether the component form is mandatory in form
required
true
java.lang.Boolean
Indicates that component has fixed options
fixed
true
java.lang.Boolean
Indicates the value selected in the component
value
true
java.lang.String
Indicates the component name
name
true
true
java.lang.String
It indicates the name of the variable java to be made available the object of iteration
var
true
java.lang.String
<html:select name="select1" data="${ persons }" var="person">
<html:option value="${ person.id }">
${ person.name }
</html:option>
</html:select>
Renders an option of a select box
Input
option
com.jslsolucoes.tagria.lib.tag.html.OptionTag
scriptless
Indicates the value of the component
value
true
true
java.lang.String
<html:select name="select1" data="${ persons }" var="person">
<html:option value="${ person.id }">
${ person.name }
</html:option>
</html:select>
Renders an textarea
Input
textarea
com.jslsolucoes.tagria.lib.tag.html.TextareaTag
scriptless
Indicates the component name
name
true
true
java.lang.String
Indicates placeholder for textarea
placeholder
true
java.lang.String
It indicates the value of the component
value
true
java.lang.String
It indicates whether the component is required in the form
required
true
java.lang.Boolean
Indicates the number of component lines
rows
true
java.lang.Integer
It indicates a css class to the component
cssClass
true
java.lang.String
<html:textarea name="textarea1" rows="3"/>
Renders a detail table
Detail table
detailTable
com.jslsolucoes.tagria.lib.tag.html.DetailTableTag
scriptless
Indicates the label component
label
true
java.lang.String
Indicates the collection to be iterated in component
data
true
java.util.Collection
It indicates the name of the variable java to be made available the object of iteration
var
true
java.lang.String
Indicates the minimum number of lines to be filled
atLeast
true
java.lang.Integer
It indicates whether the component should start without lines
empty
true
java.lang.Boolean
Indicates a javascript function to be performed after inserting a row
afterInsert
true
java.lang.String
<html:form action="#" label="Form with details">
<html:formGroup>
<html:detailTable atLeast="1" label="Persons details">
<html:detailTableColumn label="Name" required="true">
<html:input name="names[]" required="true"/>
</html:detailTableColumn>
<html:detailTableColumn label="Age" required="true">
<html:input name="ages[]" type="number" required="true"/>
</html:detailTableColumn>
</html:detailTable>
</html:formGroup>
</html:form>
Renders a column in the detail table
Detail table
detailTableColumn
com.jslsolucoes.tagria.lib.tag.html.DetailTableColumnTag
scriptless
Indicates the label component
label
true
java.lang.String
It indicates whether the component has its required on a form
required
true
java.lang.Boolean
<html:form action="#" label="Form with details">
<html:formGroup>
<html:detailTable atLeast="1">
<html:detailTableColumn label="Name" required="true">
<html:input name="names[]" required="true"/>
</html:detailTableColumn>
<html:detailTableColumn label="Age" required="true">
<html:input name="ages[]" type="number" required="true"/>
</html:detailTableColumn>
</html:detailTable>
</html:formGroup>
</html:form>
Renders an icon
Image
icon
com.jslsolucoes.tagria.lib.tag.html.IconTag
scriptless
Indicates the icon to be used. available list https://fontawesome.com/icons
icon
true
java.lang.String
Indicates the id for the component
id
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:icon icon="cog" />
Renders a table
Table
table
com.jslsolucoes.tagria.lib.tag.html.TableTag
scriptless
It indicates whether the table should be striped rows. Default : false
stripe
true
java.lang.Boolean
It indicates whether the table should be dark theme. Default : false
dark
true
java.lang.Boolean
It indicates whether the table should be hovered rows. Default : false
hover
true
java.lang.Boolean
It indicates whether the table should be small size. Default : false
small
true
java.lang.Boolean
It indicates whether the table should be bordered. Default : false
border
true
java.lang.Boolean
<html:table>
<html:tableBody>
<html:tableLine>
<html:tableColumn>Column 1</html:tableColumn>
</html:tableLine>
<html:tableLine>
<html:tableColumn>Value 1</html:tableColumn>
</html:tableLine>
</html:tableBody>
</html:table>
Renders a line of a table
Table
tableLine
com.jslsolucoes.tagria.lib.tag.html.TableLineTag
scriptless
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
Indicates the table line state. Default: default. Options: success, danger, info, default, primary
state
true
java.lang.String
<html:table>
<html:tableBody>
<html:tableLine>
<html:tableColumn>Column 1</html:tableColumn>
</html:tableLine>
<html:tableLine state="danger">
<html:tableColumn>Value 1</html:tableColumn>
</html:tableLine>
</html:tableBody>
</html:table>
Renders a table column
Table
tableColumn
com.jslsolucoes.tagria.lib.tag.html.TableColumnTag
scriptless
Indicates the column state. Default: default. Options: success, danger, info, default, primary
state
true
java.lang.String
It indicates a label for column content
label
true
java.lang.String
It indicates a format in which the value must be converted. Options: date,datetime, timestamp, hour, currency, zipCode, cnpj, tel, cpf
format
true
java.lang.String
Indicates the number of columns that this column should fill
colspan
true
java.lang.Integer
<html:table>
<html:tableBody>
<html:tableLine>
<html:tableColumn>Value 1</html:tableColumn>
<html:tableColumn state="info">Value 2</html:tableColumn>
</html:tableLine>
<html:tableLine>
<html:tableColumn colspan="2">Value colspan 3</html:tableColumn>
</html:tableLine>
</html:tableBody>
</html:table>
Renders a table caption
Table
tableCaption
com.jslsolucoes.tagria.lib.tag.html.TableCaptionTag
scriptless
It indicates a label for column content
label
true
java.lang.String
<html:table>
<html:tableCaption>
Caption
</html:tableCaption>
<html:tableBody>
<html:tableLine>
<html:tableColumn>Column 1</html:tableColumn>
</html:tableLine>
<html:tableLine state="danger">
<html:tableColumn>Value 1</html:tableColumn>
</html:tableLine>
</html:tableBody>
</html:table>
Renders a table body
Table
tableBody
com.jslsolucoes.tagria.lib.tag.html.TableBodyTag
scriptless
<html:table>
<html:tableCaption>
Caption
</html:tableCaption>
<html:tableBody>
<html:tableLine>
<html:tableColumn>Column 1</html:tableColumn>
</html:tableLine>
<html:tableLine state="danger">
<html:tableColumn>Value 1</html:tableColumn>
</html:tableLine>
</html:tableBody>
</html:table>
Renders a table
Table
tableHeader
com.jslsolucoes.tagria.lib.tag.html.TableHeaderTag
scriptless
It indicates whether the table header should be dark theme. Default : false
dark
true
java.lang.Boolean
It indicates whether the table header should be light theme. Default : false
light
true
java.lang.Boolean
<html:table>
<html:tableHeader light="true">
<html:tableLine>
<html:tableHead>Head 1</html:tableHead>
</html:tableLine>
</html:tableHeader>
</html:table>
Renders a table head
Table
tableHead
com.jslsolucoes.tagria.lib.tag.html.TableHeadTag
scriptless
It indicates a label for column head content
label
true
java.lang.String
<html:table>
<html:tableHeader light="dark">
<html:tableLine>
<html:tableHead label="Head 1"/>
</html:tableLine>
</html:tableHeader>
</html:table>
Renders a card
Card
card
com.jslsolucoes.tagria.lib.tag.html.CardTag
scriptless
Indicates the card state. Default: primary. Options: success, danger, info, default, primary
state
true
java.lang.String
It indicates whether the component should be visible. Default : true
visible
true
java.lang.Boolean
Indicates the id for card component
id
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:card>
<html:cardHeader>
Title
</html:cardHeader>
<html:cardBody>
Components
</html:cardBody>
</html:card>
Renders an card image
Card
cardImage
com.jslsolucoes.tagria.lib.tag.html.CardImageTag
scriptless
It indicates if the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates the alt of image
alt
true
true
java.lang.String
It indicates if the component must be loaded from cdn
cdn
true
java.lang.Boolean
Indicates the image url
url
true
true
java.lang.String
<html:card>
<html:cardImage url="/image/person.png" alt="logo"/>
</html:card>
Renders a title on the card
Card
cardTitle
com.jslsolucoes.tagria.lib.tag.html.CardTitleTag
scriptless
<html:card>
<html:cardBody>
<html:cardTitle>
Title
</html:cardTitle>
</html:cardBody>
</html:card>
Renders a text on the card
Card
cardText
com.jslsolucoes.tagria.lib.tag.html.CardTextTag
scriptless
It indicates a css class to the component
cssClass
true
java.lang.String
<html:card>
<html:cardBody>
<html:cardText>
Text
</html:cardText>
</html:cardBody>
</html:card>
Renders a card header
Card
cardHeader
com.jslsolucoes.tagria.lib.tag.html.CardHeaderTag
scriptless
<html:card>
<html:cardHeader>
Title
</html:cardHeader>
<html:cardBody>
Outros componentes
</html:cardBody>
</html:card>
Renders the body card
Card
cardBody
com.jslsolucoes.tagria.lib.tag.html.CardBodyTag
scriptless
<html:card>
<html:cardHeader>
Title
</html:cardHeader>
<html:cardBody>
Componentes
</html:cardBody>
</html:card>
Renders the footer card
Card
cardFooter
com.jslsolucoes.tagria.lib.tag.html.CardFooterTag
scriptless
<html:card>
<html:cardHeader>
Title
</html:cardHeader>
<html:cardBody>
Components
</html:cardBody>
<html:cardFooter>
Components
</html:cardFooter>
</html:card>
Renders a component with collapsable effect
Misc
collapsable
com.jslsolucoes.tagria.lib.tag.html.CollapsableTag
scriptless
It indicates the label to be used in collapsable
label
true
true
java.lang.String
It indicates if component must be opened. Default : false. Options : true,false
opened
true
java.lang.Boolean
Indicates the status of the group. Default: primary. Options: default, primary, danger, info, success
state
true
java.lang.String
<html:collapsable label="Label 1">
Components
</html:collapsable>
Renders a panel tabs
Tab
tabPanel
com.jslsolucoes.tagria.lib.tag.html.TabPanelTag
scriptless
<html:tabPanel>
<html:tab label="Tab 1" active="true">
Tab content
</html:tab>
<html:tab label="Tab 2" url="/app/welcome"/>
</html:tabPanel>
Renders a single tab
Tab
tab
com.jslsolucoes.tagria.lib.tag.html.TabTag
scriptless
It indicates whether the tab should be initiated selected
active
true
java.lang.Boolean
Indicates the label of the tab
label
true
true
java.lang.String
Indicates the url to be incorporated into the tab. If not indicated it renders content in the component body.
url
true
java.lang.String
It indicates whether the tab should be rendered
rendered
true
java.lang.Boolean
It indicates whether the tab should be recharged to clicar.Default: true.
reloadOnSelect
true
java.lang.Boolean
<html:tabPanel>
<html:tab label="Tab 1" active="true">
Tab content
</html:tab>
<html:tab label="Tab 2" url="/app/welcome"/>
</html:tabPanel>
Renders a modal confirmation
Misc
confirm
com.jslsolucoes.tagria.lib.tag.html.ConfirmTag
scriptless
It indicates the label of the title modal
label
true
java.lang.String
Indicates the URL to confirm the operation
url
true
java.lang.String
Indicates the component target. Default: _self. Options: _blank, _newtab, nomedoiframe
target
true
java.lang.String
Indicates the component name that triggers the confirm screen
attachTo
true
java.lang.String
Indicates the component selector that triggers the confirm screen
attachToSelector
true
java.lang.String
<html:button id="botao" label="Confirmar algo"/>
<html:confirm url="#" label="Titulo do modal" attachToSelector="#botao">
</html:confirm>
Renders a h2
Html
h2
com.jslsolucoes.tagria.lib.tag.html.H2Tag
scriptless
<html:h2> Header </html:h2>
Renders a horizontal line
Html
hr
com.jslsolucoes.tagria.lib.tag.html.HrTag
scriptless
<html:hr/>
Renders a small
Html
small
com.jslsolucoes.tagria.lib.tag.html.SmallTag
scriptless
It indicates a CSS class to the component
cssClass
true
java.lang.String
<html:small> small text </html:small>
Format values
Misc
format
com.jslsolucoes.tagria.lib.tag.html.FormatTag
scriptless
It indicates a type format in which the value must be converted. Options: date,datetime, timestamp, hour, currency, zipCode, cnpj, tel, cpf
type
true
true
java.lang.String
<html:format type="currency"> ${ myValue} </html:format>
Renders a paragraf
Html
p
com.jslsolucoes.tagria.lib.tag.html.PTag
scriptless
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:p> Content </html:p>
Renders a source block of a particular language without executing it
Misc
code
com.jslsolucoes.tagria.lib.tag.html.CodeTag
scriptless
<html:code>
private class Java {
private String id;
private String name;
}
</html:code>
Renders a triggered event for a given component
Javascript
jsEvent
com.jslsolucoes.tagria.lib.tag.html.JsEventTag
scriptless
Indicates the component name to be achieved
attachTo
true
java.lang.String
Indicates the component selector that triggers the event
attachToSelector
true
java.lang.String
Indicates the javascript event to be fired
event
true
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
<html:input name="input1" placeholder="Focus in and focus out" />
<html:jsEvent attachTo="input1" event="blur">
alert('blur');
</html:jsEvent>
Renders a modal block
Misc
modal
com.jslsolucoes.tagria.lib.tag.html.ModalTag
scriptless
Indicates the size of modal. Default none. Options: xl,sm,lg
size
true
java.lang.String
Indicates the modal id for direct manipulation of events
id
true
java.lang.String
It indicates the label of the title modal
label
true
true
java.lang.String
Indicates the component name that triggers the modal screen
attachTo
true
java.lang.String
Indicates the component selector that triggers the modal screen
attachToSelector
true
java.lang.String
Indicates if modal can be closeable. Default : true. Options : true,false
closeable
true
java.lang.Boolean
Indicates if modal is vertically centered. Default : false. Options : true,false
centered
true
java.lang.Boolean
Indicates if component is opened on load. Default : false. Options : true,false
open
true
java.lang.Boolean
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
<html:button id="botao" label="Abrir modal"/>
<html:modal label="Titulo do modal" attachToSelector="botao">
Outros componentes
<html:toolbar>
Componentes
</html:toolbar>
</html:modal>
Renders a view with all header. This view must be declared ONLY ONCE and main tag used throughout view
Misc
view
com.jslsolucoes.tagria.lib.tag.html.ViewTag
scriptless
Indicates the title of the current page
title
true
java.lang.String
Indicates if ajax auto animation is loaded for view
ajaxAnimation
true
java.lang.Boolean
<html:view>
Todos os componentes necessários
</html:view>
Renders a main container block with a standard margin
Layout
container
com.jslsolucoes.tagria.lib.tag.html.ContainerTag
scriptless
It indicates whether a container must be responsive to the screen 100%
fluid
true
java.lang.Boolean
<html:alert state="info">
Componente fora do container
</html:alert>
<html:container>
<html:alert state="info">
Componente dentro do container
</html:alert>
</html:container>
Renders an alert box
Misc
alert
com.jslsolucoes.tagria.lib.tag.html.AlertTag
scriptless
Indicates the id for the component
id
true
java.lang.String
It indicates a css class to the component
cssClass
true
java.lang.String
Indicates a label for the alert.
label
true
java.lang.String
It indicates whether the component can be closed. Default: false
dismissible
true
java.lang.Boolean
It indicates the state where the box should be rendered. Default: warning. Options: primary, secondary, light, dark, warning, success, danger, info
state
true
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates whether the component should be visible. Default : true
visible
true
java.lang.Boolean
<html:alert state="info">
Caixa de informação
</html:alert>
Renders a form
Form
form
com.jslsolucoes.tagria.lib.tag.html.FormTag
scriptless
Indicates the action of submission
action
true
java.lang.String
Indicates the target of submission. Default : _self. Options : _blank,_self,_parent,_top,iframe
target
true
java.lang.String
It indicates the method to be used. Default: post. Options: post, get
method
true
java.lang.String
Indicates the name of form
name
true
java.lang.String
It indicates a validation to be performed on the data form
validation
true
java.lang.String
Indicates the label of the form
label
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
It indicates whether the form should have file support
multipart
true
java.lang.Boolean
<html:form action="#">
<html:formGroup label="Field 1" required="true">
<html:input required="true" name="field1"/>
</html:formGroup>
<html:formGroup label="Field 2">
<html:input name="field2"/>
</html:formGroup>
<html:toolbar>
<html:buttonGroup>
<html:button type="submit" label="Save"/>
</html:buttonGroup>
</html:toolbar>
</html:form>
Renders a component grouping in the form
Form
formGroup
com.jslsolucoes.tagria.lib.tag.html.FormGroupTag
scriptless
Indicates the label of the group
label
true
java.lang.String
Indicates the id of the group
id
true
java.lang.String
It indicates the element to be oriented the label
forElement
true
java.lang.String
Indicates whether the completion of the internal component should be mandatory
required
true
java.lang.Boolean
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
It indicates whether the component should be visible
visible
true
java.lang.Boolean
<html:form action="#">
<html:formGroup forElement="field1" label="Campo 1" required="true">
<html:input required="true" name="field1"/>
</html:formGroup>
<html:formGroup label="Campo 2">
<html:input name="field2"/>
</html:formGroup>
</html:form>
Renders a line of columns of subdivision (divided into 12 sections combined with the col tag)
Form
row
com.jslsolucoes.tagria.lib.tag.html.RowTag
scriptless
It indicates a CSS class to the component
cssClass
true
java.lang.String
<html:form action="#">
<html:formGroup forElement="field1" label="Campo 1" required="true">
<html:row>
<html:col extraSmall="6">
<html:input required="true" name="field1"/>
</html:col>
<html:col extraSmall="6">
<html:input name="field2"/>
</html:col>
</html:row>
</html:formGroup>
</html:form>
Renders a column within a row
Form
col
com.jslsolucoes.tagria.lib.tag.html.ColTag
scriptless
Indicates the number of columns to fill to extra small viewport. Options: 1 to 12
extraSmall
true
true
java.lang.Integer
Indicates the number of columns to fill to small viewport. Options: 1 to 12
small
true
java.lang.Integer
Indicates the number of columns to fill to medium viewport. Options: 1 to 12
medium
true
java.lang.Integer
Indicates the number of columns to fill to large viewport. Options: 1 to 12
large
true
java.lang.Integer
It indicates a CSS class to the component
cssClass
true
java.lang.String
<html:form action="#">
<html:formGroup forElement="field1" label="Campo 1" required="true">
<html:row>
<html:col extraSmall="3">
<html:input required="true" name="field1"/>
</html:col>
<html:col extraSmall="9">
<html:input name="field2"/>
</html:col>
</html:row>
</html:formGroup>
</html:form>
Renders an input
Input
input
com.jslsolucoes.tagria.lib.tag.html.InputTag
scriptless
It indicates a data list to attach on input
list
true
java.lang.String
It indicates a CSS class to the component
cssClass
true
java.lang.String
Indicates a title for the component
title
true
java.lang.String
It indicates a format in which the value must be converted. Options: date,datetime, timestamp, hour, currency, zipCode, cnpj, tel, cpf
format
true
java.lang.String
It indicates the type of input. Default: text. Options: button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week
type
true
java.lang.String
Indicates the component's id
id
true
java.lang.String
Indicates the component name
name
true
true
java.lang.String
Indicates the component fill mark
placeholder
true
java.lang.String
Indicates the value of the component
value
true
java.lang.String
It indicates whether the component should win the cursor focus
focus
true
java.lang.Boolean
It indicates whether the component is required within a form
required
true
java.lang.Boolean
It indicates the Padra to be followed in a particular field
pattern
true
java.lang.String
It indicates whether the component should be disabled. Default: false
disabled
true
java.lang.Boolean
Indicates the maximum number of characters to be filled
maxLength
true
java.lang.Integer
Indicates the maximun number accepted
max
true
java.lang.Integer
Indicates the minimum number accepted
min
true
java.lang.Integer
Indicates if (radio, checkbox) if the component should be marked
checked
true
java.lang.String
Indicates whether the component supports multiple inputs
multiple
true
java.lang.Boolean
Indicates which extensions supported in the case (file)
accept
true
java.lang.String
<html:input name="field1"/>
Renders a div
Layout
div
com.jslsolucoes.tagria.lib.tag.html.DivTag
scriptless
Indicates the component's id
id
true
java.lang.String
It indicates a CSS class to the component
cssClass
true
java.lang.String
It indicates whether the component should be rendered. Default : true.
rendered
true
java.lang.Boolean
<html:div>
Conteudo
</html:div>
Renders importing a js file or css
Misc
import
com.jslsolucoes.tagria.lib.tag.html.ImportTag
scriptless
Indicates the type of file to be imported. Options: js, css
type
true
true
java.lang.String
Indicates the URL where the file
url
true
true
java.lang.String
<html:import type="css" url="/css/example.css"/>
<html:import type="js" url="/js/example.js"/>
Renders an image
Image
img
com.jslsolucoes.tagria.lib.tag.html.ImageTag
scriptless
It indicates the label if the component can not be loaded
alt
true
true
java.lang.String
It indicates whether the component must follow a set on the properties cdn
cdn
true
java.lang.Boolean
It indicates whether the component should be responsive
responsive
true
java.lang.Boolean
Indicates the point component
height
true
java.lang.Integer
Indicates the image url
url
true
true
java.lang.String
Indicates the image width
width
true
java.lang.Integer
It indicates a format for the component. Options: rounded, circle, thumbnail
shape
true
java.lang.String
It indicates a CSS class to the component
cssClass
true
java.lang.String
<html:img url="/image/person.png" alt="logo" responsive="true"/>
Renders a link
Html
link
com.jslsolucoes.tagria.lib.tag.html.LinkTag
scriptless
Indicates the url component
url
true
java.lang.String
Indicates the label component
label
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
Indicates the component target. Default: _self. Options: _blank, _newtab, nomedoiframe
target
true
java.lang.String
<html:link label="Meu link" url="#"/>
Renders a body
Html
body
com.jslsolucoes.tagria.lib.tag.html.BodyTag
scriptless
Indicates the CSS class to the component
cssClass
true
java.lang.String
<html:body> Content </html:body>
Renders an iframe
Misc
iframe
com.jslsolucoes.tagria.lib.tag.html.IframeTag
scriptless
Indicates the name of the iframe
name
true
true
java.lang.String
It indicates a CSS class to the component
cssClass
true
java.lang.String
Indicates the id of the iframe
id
true
java.lang.String
Indicates the URL where the iframe
url
true
true
java.lang.String
<html:iframe url="/app/welcome" name="conteudo"/>
Renders a dropdown menu
Menu
menuDropDown
com.jslsolucoes.tagria.lib.tag.html.MenuDropDownTag
scriptless
Indicates the id for the component
id
true
java.lang.String
It indicates the label to be used in dropdown root
label
true
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
<html:menuDropDown label="Menu dropdown" >
<html:menuDropDownItem label="Item 1" url="#"/>
</html:menuDropDown>
Renders a menu item on dropdown
Menu
menuDropDownItem
com.jslsolucoes.tagria.lib.tag.html.MenuDropDownItemTag
scriptless
Indicates the id for the component
id
true
java.lang.String
Indicates the icon to be used in the menu icon. available list https://fontawesome.com/icons
icon
true
java.lang.String
Indicates the URL to be used
url
true
java.lang.String
It indicates the label to be used
label
true
java.lang.String
Indicates the target browser. Default: _self. Options: _self, _parent, _blank, namedeumiframe
target
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
<html:menu>
<html:menuButton icon="cog" align="right">
<html:menuDropDownItem label="Item 1" url="#"/>
<html:menuDropDownDivider/>
<html:menuDropDownItem label="Item 2" target="_blank" url="#"/>
<html:menuDropDownItem icon="trash" label="Item 3" url="#"/>
</html:menuButton>
</html:menu>
Renders a menu collapsable content group
Menu
menuCollapsable
com.jslsolucoes.tagria.lib.tag.html.MenuCollapsableTag
scriptless
Indicates the id of menu block to be collapsed
id
true
java.lang.String
<html:menu>
<html:menuCollapse attachToSelector="#block1">
</html:menuCollapse>
<html:menuCollapsable id="block1">
<html:menuText>
My text menu
</html:menuText>
</html:menuCollapsable>
</html:menu>
Renders a menu collapse group
Menu
menuCollapse
com.jslsolucoes.tagria.lib.tag.html.MenuCollapseTag
scriptless
Indicates the component name that triggers the menu group
attachTo
true
java.lang.String
Indicates the component selector that triggers the menu group
attachToSelector
true
java.lang.String
<html:menu>
<html:menuCollapse attachToSelector="#block1">
</html:menuCollapse>
<html:menuCollapsable id="block1">
menu components
</html:menuCollapsable>
</html:menu>
Renders a horizontal menu
Menu
menu
com.jslsolucoes.tagria.lib.tag.html.MenuTag
scriptless
It indicates whether the component should be fixed. Default none. Options : top,bottom
fixed
true
java.lang.String
<html:menu>
<html:menuButton icon="cog" align="right">
<html:menuDropDownItem label="Item 1" url="#"/>
<html:menuDropDownDivider/>
<html:menuDropDownItem label="Item 2" url="#"/>
<html:menuDropDownItem label="Item 3" url="#"/>
</html:menuButton>
</html:menu>
Renders a logo in the navigation menu in text format
Menu
menuBrand
com.jslsolucoes.tagria.lib.tag.html.MenuBrandTag
scriptless
Indicates the URL to be called by clicking on the logo
url
true
true
java.lang.String
It indicates the label to be used in brand logo
label
true
java.lang.String
<html:menu>
<html:brand label="Meu titulo" url="#"/>
</html:menu>
Renders a grid
Grid
grid
com.jslsolucoes.tagria.lib.tag.html.GridTag
scriptless
It indicates the collection to be iterated by the component
data
true
true
java.util.Collection
It indicates the name of the variable java to be made available the object of iteration
var
true
true
java.lang.String
It indicates the name of the variable to be available to current iteration
varStatus
true
java.lang.String
Indicates the label component
label
true
java.lang.String
Indicates the total number of records in component
totalResults
true
java.lang.Integer
It indicates the default number of results per page. Default: 60. Options: 20,40,60,80,100
resultsPerPage
true
java.lang.Integer
It indicates whether the component should be search feature. Default: false
search
true
java.lang.Boolean
It indicates whether the component should be paginated. Default: true
paginate
true
java.lang.Boolean
It indicates whether the component should be export feature. Default: true
export
true
java.lang.Boolean
Indicates the url component a ser utilizada caso haja paginação
url
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
Indicates the component title when there are no lines available
noRowText
true
java.lang.String
<html:grid label="Pessoas" url="/component/grid" data="${ persons }" var="person" noRowText="No records found">
<html:gridColumn label="Identification" exportable="true">
${ person.id }
</html:gridColumn>
<html:gridColumn label="Name" exportable="true">
${ person.name }
</html:gridColumn>
</html:grid>
Renders a grid column
Grid
gridColumn
com.jslsolucoes.tagria.lib.tag.html.GridColumnTag
scriptless
Indicates the label component
label
true
java.util.Collection
Indicates whether the component value is of type boolean
booleanType
true
java.lang.Boolean
It indicates whether the column should be collapsable
collapsable
true
java.lang.Boolean
It indicates whether the column should be exported
exportable
true
java.lang.Boolean
Indicates the alignment of the content. Default: left. Options: left, center, right
align
true
java.lang.String
Indicates where hide column depending of viewport. Options: xs,md,lg,sm
hideOnViewport
true
java.lang.String
It indicates a format in which the content should be converted. Options: date,datetime, timestamp, hour, currency, zip code, cnpj, tel, cpf
format
true
java.lang.String
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
Indicates the component state. Default: default. Options: danger, info, success, default
state
true
java.lang.String
<html:grid label="Pessoas" url="/component/grid" data="${ pessoas }" var="pessoa" noRowText="Não há pessoas disponíveis">
<html:gridColumn label="Identificação" exportable="true">
${ pessoa.id }
</html:gridColumn>
<html:gridColumn label="Nome" exportable="true">
${ pessoa.nome }
</html:gridColumn>
</html:grid>
Renders a button
Button
button
com.jslsolucoes.tagria.lib.tag.html.ButtonTag
scriptless
Indicates the status of the button. Default: default. Options: default, primary, danger, info, success
state
true
java.lang.String
Indicates the type of button. Default: button. Options: button, submit
type
true
java.lang.String
Indicates the component linked to dismiss button. Default false. Options: true,false
dismiss
true
java.lang.Boolean
It indicates a CSS class to the component
cssClass
true
java.lang.String
Indicates the url to be performed by the component
url
true
java.lang.String
Indicates the icon to be used by the component. available list https://fontawesome.com/icons
icon
true
java.lang.String
Indicates the component's id
id
true
java.lang.String
Indicates the label component
label
true
java.lang.String
Indicates the component target. Default: _self. Options: _blank, _newtab, _parent, nomedoiframe
target
true
java.lang.String
Indicates the title button
title
true
java.lang.String
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates whether the component should be blocked after click . Default : false
autoblock
true
java.lang.Boolean
It indicates whether the component should be disabled. Default: false.
disabled
true
java.lang.Boolean
<html:button url="#" icon="cog" label="botao" state="info"/>
Renders a toolbar for the component (Available for grid, form, card and modal)
Misc
toolbar
com.jslsolucoes.tagria.lib.tag.html.ToolbarTag
scriptless
It indicates whether the component should be rendered
rendered
true
java.lang.Boolean
<html:form action="#">
<html:formGroup label="Campo 1" required="true">
<html:input required="true" name="field1"/>
</html:formGroup>
<html:formGroup label="Campo 2">
<html:input name="field2"/>
</html:formGroup>
<html:toolbar>
<html:button state="primary" type="submit" label="Alterando label padrao"/>
</html:toolbar>
</html:form>
Renders a menu dropdown divider
Menu
menuDropDownDivider
com.jslsolucoes.tagria.lib.tag.html.MenuDropDownDividerTag
scriptless
<html:menu>
<html:menuButton icon="cog" align="right">
<html:menuItem label="Item 1" url="#"/>
<html:menuSeparator/>
<html:menuItem label="Item 2" url="#"/>
<html:menuItem label="Item 3" url="#"/>
</html:menuButton>
</html:menu>
Renders a javascript block
Javascript
jsCode
com.jslsolucoes.tagria.lib.tag.html.JsCodeTag
scriptless
It indicates whether the component should be rendered. Default : true.
rendered
true
java.lang.Boolean
<html:jsCode>
test();
function test(){
alert('oi');
}
</html:jsCode>
Renders a list
Groupments
listGroup
com.jslsolucoes.tagria.lib.tag.html.ListGroupTag
scriptless
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates a CSS class to the component
cssClass
true
java.lang.String
<html:listGroup>
<html:listGroupItem>
Item 1
</html:listGroupItem>
<html:listGroupItem>
Item 2
</html:listGroupItem>
</html:listGroup>
Renders a list item
Groupments
listGroupItem
com.jslsolucoes.tagria.lib.tag.html.ListGroupItemTag
scriptless
It indicates whether the component should be rendered. Default : true
rendered
true
java.lang.Boolean
It indicates a CSS class to the component
cssClass
true
java.lang.String
It indicates the state where the item should be rendered. Default: none. Options: primary, secondary, light, dark, warning, success, danger, info
state
true
java.lang.String
<html:listGroup>
<html:listGroupItem>
Item 1
</html:listGroupItem>
<html:listGroupItem>
Item 2
</html:listGroupItem>
</html:listGroup>
Renders a mask on a particular component
Mask
mask
com.jslsolucoes.tagria.lib.tag.html.MaskTag
scriptless
Indicates the mask to be used
mask
true
true
java.lang.String
Indicates the component name a ser incorporado a mascara
attachTo
true
true
java.lang.String
It indicates whether the fill should occur behind forward
reverse
true
java.lang.Boolean
<html:input name="teste"/>
<html:mask mask="99/99/9999" attachTo="teste"/>
Renders a cluster of buttons
Button
buttonGroup
com.jslsolucoes.tagria.lib.tag.html.ButtonGroupTag
scriptless
<html:buttonGroup>
<html:button label="Botao 1" state="primary" url="#"/>
<html:button label="Botao 3" state="danger" url="#"/>
</html:buttonGroup>
© 2015 - 2025 Weber Informatics LLC | Privacy Policy