nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Initialize JSF component in custom wizard

redbull

Hi,
I'm implementing a custom wizard with 4 steps.
In the first step I need to display some input/output fields and a listbox field containing my Alfresco Groups.
Which JSF component (Modelist, Richlist, other?…the most suitable) should I use in jsp page (related to first step), to show this list box?
and, how do I init it?
Thanks all for the help, as always…

Find more posts tagged with

Comments

mitpatoliya

with each step one jsp is associated so if you are adding one more step you need to create new jsp page.
Now as UI of Alfresco explorer is in jsf you need to use the jsf tags.
To show list box in the you need to create one richlist and and populate it in the managebean of the new jsp page.
as in JSF with each page there is one managebean associated which manage all the properties and components shown on the page.
Also, you need to include the tag library of the JSF to enable the use of jsf components in your new jsp page.

redbull

thank you, sure,
I'll try to follow your suggest and when I'll finish I'll post the source code….

redbull

Mittal,
I'm trying to start from http://wiki.alfresco.com/wiki/RichList example:

<a:richList viewMode="details" pageSize="5" styleClass="datatable" style="border:thin"
     rowStyleClass="recordSetRow" altRowStyleClass="recordSetRowAlt" width="100%"
     value="#{TestList.rows}" var="r" initialSortColumn="name" initialSortDescending="true">
     <a:column primary="true" width="200">
        <f:facet name="header">
           <a:sortLink label="Name" value="name" mode="case-insensitive" styleClass="header"/>
        </f:facet>
        <f:facet name="large-icon">
           <%– this could be a clickable action image etc. –%>
           <h:graphicImage tooltip="#{r.name}" width="38" height="38" url="/icons/folder_large.png" />
        </f:facet>
        <a:actionLink value="#{r.name}" actionListener="#{TestList.clickNameLink}">
           <f:param name="name" value="#{r.name}" />
        </a:actionLink>
     </a:column>
     
     <a:column>
        <f:facet name="header">
           <a:sortLink label="Created Date" value="created" styleClass="header"/>
        </f:facet>
        <h:outputText value="#{r.created}">
           <f:convertDateTime dateStyle="short" />
        </h:outputText>
     </a:column>
     
     <%– components other than columns added to a RichList will generally
          be rendered as part of the list footer –%>
     <a:dataPager/>
  </a:richList>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

A question: how I define "rows" in my bean? (value="#{TestList.rows}" and which is its type?
(I'm a little confused…)

thank you

mitpatoliya

rows are nothing but the list of Nodes only in your bean

redbull

I did!

This is the jsp code to define the richList:

<a:richList id="users-list"&nbsp; viewMode="details" pageSize="10" styleClass="recordSet" headerStyleClass="recordSetHeader" rowStyleClass="recordSetRow" altRowStyleClass="recordSetRowAlt" width="100%" value="#{WizardManager.bean.myUsers}" var="r" 
&nbsp;&nbsp;&nbsp;initialSortColumn="userName" initialSortDescending="true">

&nbsp;&nbsp;&nbsp;<%– Primary column with full name –%>
&nbsp;&nbsp;&nbsp;<a:column primary="true" width="50" style="padding:2px;text-align:left">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<f:facet name="header">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a:sortLink label="#{msg.name}" value="fullName" mode="case-insensitive" styleClass="header" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</f:facet>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<f:facet name="small-icon">&nbsp; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h:graphicImage url="/images/icons/person.gif" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</f:facet>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a:actionLink value="#{r.fullName}" actionListener="#{WizardManager.bean.clickfullNameLink}">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<f:param name="fullName" value="#{r.fullName}" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </a:actionLink>
&nbsp;&nbsp;&nbsp;</a:column>

&nbsp;&nbsp;&nbsp;<%– Username column –%>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a:column width="60" style="text-align:left">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<f:facet name="header">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a:sortLink label="#{msg.username}" value="userName" styleClass="header" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</f:facet>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h:outputText value="#{r.userName}" />
&nbsp;&nbsp;&nbsp;</a:column>
</a:richList>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

and this is the "myUsers" binding:

&nbsp;&nbsp;&nbsp;private List<Node> myUsers = Collections.<Node>emptyList();&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;// Bean Getters and Setters
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public List<Node> getmyUsers()
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; searchmyUsers();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return this.myUsers;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
………..
………..
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/**
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * @return the list of users Nodes to display
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */
&nbsp;&nbsp;&nbsp;public String searchmyUsers() {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; FacesContext context = FacesContext.getCurrentInstance();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UserTransaction tx = null;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; try
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; tx = Repository.getUserTransaction(context, true);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; tx.begin();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // get organization of current user
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; String currentUserName = Repository.getServiceRegistry(context).getAuthenticationService().getCurrentUserName();
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; MapNode currentUsernode = new MapNode(personService.getPerson(currentUserName));
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Map<String, Object> props_currentUser = currentUsernode.getProperties(); 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; String currentUserOrg = props_currentUser.get("organization").toString().trim().toLowerCase();
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // get all APPROVER group users
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; final Set<String> authorities = authorityService.getContainedAuthorities(AuthorityType.USER,&nbsp;&nbsp; GROUP_"+Constants.GROUP_APPROVER,false);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.myUsers = new ArrayList<Node>(authorities.size());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // authorities contains [username1, username2,….] 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (final String authority : authorities) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; MapNode node = new MapNode(personService.getPerson(authority));
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // set data binding properties
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Map<String, Object> props = node.getProperties(); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // add user only if its organization is the same of the current user
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; String UserOrg = props.get("organization").toString().trim().toLowerCase();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (UserOrg.compareTo(currentUserOrg) == 0){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // node ok, same organization: I add it to the list
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; String firstName = (String)props.get("firstName");
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; String lastName = (String)props.get("lastName");
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; props.put("fullName", (firstName != null ? firstName : "") + ' ' + (lastName != null ? lastName : ""));
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.myUsers.add(node);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // commit the transaction
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; tx.commit();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; catch (InvalidNodeRefException refErr)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Utils.addErrorMessage(MessageFormat.format(Application.getMessage(
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; context, Repository.ERROR_NODEREF), new Object[] {"root"}) );
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.myUsers = Collections.<Node>emptyList();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; try { if (tx != null) {tx.rollback();} } catch (Exception tex) {}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; catch (Exception err)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Utils.addErrorMessage(MessageFormat.format(Application.getMessage(
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; context, Repository.ERROR_GENERIC), err.getMessage()), err );
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.myUsers = Collections.<Node>emptyList();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; try { if (tx != null) {tx.rollback();} } catch (Exception tex) {}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
&nbsp;&nbsp;&nbsp;&nbsp; return null;
&nbsp; }
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

and other files to support the customization (faces-config-custom.xml and so on….).
This is the result:
https://www.dropbox.com/s/i92bkbqe0p5jw2a/richList.JPG

I hope this help other Alfresco beginner (like me…)
By.