[ KAWWA PORTAL ] Components : Action Buttons Bar

Site Utilities

Action Buttons Bar

Class name: (k-actions-block)
Version: 1.0
Tapestry Integration

Add to list

The action buttons bar offers a structure to place a list of actions plus a text or title contextual to the actions.

Demo
Snippets
Tapestry Integration

Some optional text or title

CSS Code

COPY

```
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>

ProductGallery parameters
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

COPY

<t:kawwa2.listOfActions t:items="items" withBar="true" onlyIcon="false"/>

Java Implementation

COPY

```
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;
```
```
	}
```
```
}
```

Top

KAWWA Markup Pattern Library

Site Utilities

Action Buttons Bar

HTML5 Plain Code

CSS Code

IE Backward Compatibility

Tapestry Integration

The Template

Java Implementation

Download List (0)

List of Components

Navigation

Forms

Tables

Blocks

Site Utilities

Editorial

eCommerce