Visual Guide to Borders
This guide shows you borders that you can use for all Items and Screens .
You can apply every border using the CSS border attribute:
.itemMain {
layout: expand | left;
font {
face: system;
size: medium;
style: bold;
color: #000000;
}
}
.itemMain:hover {
background {
type: round-rect-translucent;
color: #adffffff;
arc-width: 8;
arc-height: 8;
}
border {
type: square-sonar;
inner-color: #d2d2;
outer-color: #4161;
}
}
When you want to use the same border for several items or screens, you should define the border within the
borders section of your resources/polish.css file, so that only one instance of the border
is being used.
For including an Item's label into the border, please refer to the Label documentation.
You can also realize your own border with J2ME Polish!
bottom Border
bottom-right-shadow Border
circle Border
drop-shadow Border
left Border
The left border paints a line on the left side of an UI component.
pulsating Border
The pulsating border paints an animated rectangluar border around the UI component.
pulsating-round-rect Border
right Border
round-rect Border
Surround an item or a screen with a rectangle with rounded corners using the round-rect border .
simple Border
The simple border paints a rectangular border around the UI component.
square-sonar Border
top Border
The top border paints a line over the UI component.
Your Own Border
