JSF SelectOneRadio Example

JSF SelectOneRadio Example The JSF SelectOneRadio component displays a radio buttons in the browser. It allows user to select one value at a time. The <h:SelectOneRadio> renders the HTML table component with collection of <input type="radio" /> buttons. Below is JSF and its corresponding HTML tag   JSF <h:SelectOneRadio>:   <h:selectOneRadio> <f:selectItem itemLabel="Blue" itemValue="Blue" /> <f:selectItem itemLabel="Green" itemValue="Green" /> <f:selectItem itemLabel="Red" itemValue="Red" /> </h:selectOneRadio> [...]

By | 2017-11-26T23:39:08+00:00 November 26th, 2017|Categories: JSF|Tags: , , , , , |Comments Off on JSF SelectOneRadio Example

JSF SelectManyMenu Example

JSF SelectManyMenu Example The JSF SelectManyMenu renders an HTML <Select> tag. It allows User to select more than one item in the menu at a time. JSF sets the size of the SelectOnemenu to One so only one value will be displayed at a time. The user needs to scroll down to see the other [...]

By | 2017-11-26T23:19:21+00:00 November 26th, 2017|Categories: JSF|Tags: , , , , |Comments Off on JSF SelectManyMenu Example

JSF SelectOneMenu Example

JSF SelectOneMenu Example The JSF SelectOneMenu renders an HTML <Select> tag in the browser. It allows a user to select one item in the list at a time. Below are the JSF and its corresponding HTML tag JSF SelectOneMenu [crayon-5a60d80b5ead5942178723/]     HTML <Select> select name="j_idt2:j_idt3" size="1"> [crayon-5a60d80b5eae3949316334/]   JSF h:SelectOneMenu Example   The below [...]

By | 2017-11-26T22:42:58+00:00 November 26th, 2017|Categories: JSF|Tags: , , , , |Comments Off on JSF SelectOneMenu Example

JSF SelectManyListBox Example

JSF SelectManyListBox Example   The JSF SelectManyListBox display an HTML <Select multiple="multiple"> in the browser. It displays a list of items in a box which allows a user to select more than one items at a time. Below are the JSF and its corresponding HTML tag   JSF <h:SelectManyListBox>:   [crayon-5a60d80b5f365170325022/]   HTML <Select>:   [...]

By | 2017-11-26T12:35:26+00:00 November 26th, 2017|Categories: JSF|Tags: , , , |Comments Off on JSF SelectManyListBox Example

JSF SelectOneListBox Example

JSF SelectOneListBox Example   The JSF SelectOneListBox render an HTML <SELECT> statement in the browser. Below is the JSF and its corresponding HTML tag   JSF SelectOneListBox    [crayon-5a60d80b5fb83404382909/]   HTML   [crayon-5a60d80b5fb8f151522073/]   The browser displays the above <h:selectOneListbox> like below . It display a list of items in a box. User can select one item [...]

By | 2017-11-26T03:12:38+00:00 November 26th, 2017|Categories: JSF|Tags: , , , |Comments Off on JSF SelectOneListBox Example

JSF selectManyCheckbox Example

JSF selectManyCheckbox Example The JSF selectManyCheckbox displays an HTML <TABLE> with multiple <input type="checkbox"> components. The number of checkboxe is depend on the JSF <selecetItem>. Below is the JSF h:selectManyCheckbox and its corresponding HTML component   Java Server Faces:   [crayon-5a60d80b60209092139750/]     TABLE:   [crayon-5a60d80b60215305220058/]     Below is the JSF page has a [...]

By | 2017-11-25T12:15:08+00:00 November 25th, 2017|Categories: JSF|Tags: , , , |Comments Off on JSF selectManyCheckbox Example

JSF selectbooleancheckbox Example

JSF selectbooleancheckbox Example The JSF selectBooleanCheckBox renders an HTML <input> component of type checkbox. Here below is the JSF and its corresponding HTML tag   JSF => <h:selectBooleanCheckbox /> HTML => <input type="checkbox" id="j_idt2:i1" name="j_idt2:i1" checked="checked" />   JSF h:selectBooleanCheckBox Example The below form has a h:selectBooleanCheckBox bound to the backing bean property 'human'. The backing bean [...]

By | 2017-11-25T00:58:58+00:00 November 25th, 2017|Categories: JSF|Tags: , , , , |Comments Off on JSF selectbooleancheckbox Example

JSF PanelGroup Example

JSF PanelGroup Example   The JSF panelGroup layout is a container component can be used to group more than one UI component. The Panel Group render an HTML table in the browser. The h:panelGroup should be used in places where the JSF specification says only one UI component is allowed. For example, h:panelGrid column allows [...]

By | 2017-11-24T23:25:49+00:00 November 24th, 2017|Categories: JSF|Tags: , , , |Comments Off on JSF PanelGroup Example

JSF PanelGrid Example

JSF PanelGrid Example   The JSF PanelGrid UI component renders an HTML component in the browser. The value of the columns attribute determines the number of columns in the table. We can set the table CSS styles using columnClasses, footerClass, headerClass, panelClass, rowClasses.   Here below I have a page with two h:panelGrid. I've used custom styles.   [crayon-5a60d80b62861114734177/] [...]

By | 2017-11-24T17:07:57+00:00 November 24th, 2017|Categories: JSF|Tags: , , , , |Comments Off on JSF PanelGrid Example

JSF GraphicImage Example

JSF graphicImage Example   The JSF graphicImage renders an HTML <IMG> tag in the browser. Below is the JSF h:graphicImage tag and its corresponding HTML tag.   JSF => <h:graphicImage url="img/simba.png" style="width:200px;height:200px;" /> HTML => <img src="img/simba.png" style="width:200px;height:200px;" />   The Below JSF page renders an image using h:graphicImage tag. I placed the image 'simba.png' [...]

By | 2017-11-24T13:38:39+00:00 November 24th, 2017|Categories: JSF|Tags: , , , |Comments Off on JSF GraphicImage Example
Like us on Facebook.
Connect!