[ KAWWA PORTAL ] Components : Confirmation Messages

Forms

Confirmation Messages

Class name: (k-confirm-messages)
Version: 1.0

Use this block of information to give the user feedback about a successful action. For example, to confirm that ther user's account has been correctly created.

Demo
Snippets

Confirm

Your account has been created.

You will receive an email of confirmation at the address example@email.com

HTML5 Plain Code

COPY

```
<div class="k-confirm-messages">
```
```
	<h3>Confirm</h3>
```
```
	<p>Your account has been created.</p>
```

	<p><strong>You will receive an email of confirmation at the address example@email.com</strong></p>

```
</div>
```

CSS Code

COPY

```
div.k-confirm-messages {
```
```
	clear: both;
```
```
	text-align: center;
```
```
	color: #363;
```

	background: #FFF url(../img/k-theme0/bg_confirm_message.png);

```
	padding: 10px;
```
```
	margin-bottom: 2em;
```
```
}
```
```
	div.k-confirm-messages h3 {
```
```
		color: #363;
```
```
		background: rgba(207,237,214,.5);
```
```
  		margin: 0 10px 21px;
```
```
		border-color: #C00;
```
```
	}
```

	div.k-confirm-messages h3:before {content: "\2611 \00A0 ";}

	div.k-error-messages li {list-style-position: inside;}

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:

Top

KAWWA Markup Pattern Library

Forms

Confirmation Messages

Confirm

HTML5 Plain Code

CSS Code

IE Backward Compatibility

Download List (0)

List of Components

Navigation

Forms

Tables

Blocks

Site Utilities

Editorial

eCommerce