Some optional text or title
Site Utilities
Action Buttons Bar 
- Class name: (k-actions-block)
- Version: 1.0
-
Tapestry Integration
The action buttons bar offers a structure to place a list of actions plus a text or title contextual to the actions.
HTML5 Plain Code
-
<div class="k-actions-block">
-
<p class="action-context">Some optional text or title</p>
-
<ul class="k-actions">
-
<li><a href="#" class="bt-print" role="button">print</a></li>
-
</ul>
-
</div>
CSS Code
-
div.k-actions-block {
-
float: left;
-
width: 100%;
-
color: #000;
-
background: #CCC;
-
margin: 0 0 1em;
-
border-top: 4px solid #000;
-
}
-
/* Optional text */
-
.action-context {
-
float: left;
-
width: 25%;
-
font-size: 0.9em;
-
color: #000;
-
background: #CCC;
-
padding: 0.7em 1em 0;
-
margin: 0;
-
border: none;
-
}
-
.action-context + ul.k-actions {float: right; width: 70%; margin: 0;}
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:
Tapestry Integration
Components used to display a list of links. It will implement 3 Kawwa components : ActionButtons, ActionButtonsBar and iconButtons
By default, the component will render a link for each item of your list. But you can override the rendering, by providing block parameters. If you want to override the rendering of the item with an id="i1", you should define a block parameter <p:i1>...</p:i1>
Name | Required | Java Type | Default Prefix | Default Value | Description |
---|---|---|---|---|---|
items | true | Map<ListOfActionsItem> | prop | Actions | Actions you want to display with this component. You will need to create a List of ListOfActionsItem. If the onlyIcon parameter is set to true, every ListOfActionsItem item should have a value for its classe attribute. |
items | false | Boolean | prop | false | If set to true, the list of actions will be surround by a bar. |
items | false | Boolean | prop | false | If set to true, your list will display only the icon of each item. The label associated to your link will be hidden. |
The Template
-
<t:kawwa2.listOfActions t:items="items" withBar="true" onlyIcon="false"/>
Java Implementation
-
import java.util.ArrayList;
-
import java.util.List;
-
import net.atos.kawwaportal.components.data.ListOfActionsItem;
-
public class ListOfActions {
-
-
public List<ListOfActionsItem> getItems(){
-
List<ListOfActionsItem> items = new ArrayList<ListOfActionsItem>();
-
-
items.add(new ListOfActionsItem("print", "#", "bt-print", false));
-
items.add(new ListOfActionsItem("download", "#", "bt-download", false));
-
items.add(new ListOfActionsItem("edit", "#", "bt-edit", false));
-
items.add(new ListOfActionsItem("view", "#", "bt-view", false));
-
items.add(new ListOfActionsItem("email", "#", "bt-email", false));
-
return items;
-
}
-
}