DeLicious,
Re button design:
All you need to do is create your button design in a graphics package, size it to 50 x 50 and save it as a transparent png or gif file. As an example call this roundbutton.png
Place this in the html\images\mycontrol\misc folder.
The final part is to define this in the Jon00Control.css. For this example this is button 601:
.Button601
{
color: #FFFFFF;
font-family: Tahoma, Verdana, HandelGothic, sans-serif;
font-size: 12pt;
font-weight: normal;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
background: url(/images/mycontrol/misc/roundbutton.png);
width: 50px;
height: 50px;
border: 0px solid #000000;
}
The explanation on what each of these values do is defined in the instructions.
As you can see, the hardest part is designing your own button in a graphics package!
Re button design:
All you need to do is create your button design in a graphics package, size it to 50 x 50 and save it as a transparent png or gif file. As an example call this roundbutton.png
Place this in the html\images\mycontrol\misc folder.
The final part is to define this in the Jon00Control.css. For this example this is button 601:
.Button601
{
color: #FFFFFF;
font-family: Tahoma, Verdana, HandelGothic, sans-serif;
font-size: 12pt;
font-weight: normal;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
background: url(/images/mycontrol/misc/roundbutton.png);
width: 50px;
height: 50px;
border: 0px solid #000000;
}
The explanation on what each of these values do is defined in the instructions.
As you can see, the hardest part is designing your own button in a graphics package!
Comment