jayme27
Posts: 3
|
Posted: 12/02/2004, 6:08 AM |
|
I'm told many people have this issue, so I thought I'd post a solution. I use this example because I prefer Logout Buttons as opposed to Logout Links.
Make a hyperlink Look like a button:
1. Set font Style property to "TEXT-DECORATION: none" in the Properties Window. This removes the underline from the link.
2. Change class from "KnockoutDataLink" to "KnockoutButton" (Knockout Template example)
3. Within your <A> style property put some borders. For me it was this:
border-right: #ececec outset; border-top: #ececec outset; border-left: #ececec outset; border-bottom: #ececec outset; border-top-width: medium; border-top-color: #FCFCFC; border-top-style: outset; border-right-width: medium; border-right-color: #FCFCFC; border-right-style: outset; border-bottom-width: medium; border-bottom-color: #FCFCFC; border-bottom-style: outset; border-left-width: medium; border-left-color: #FCFCFC; border-left-style: outset;
_________________
Jayme |
|
|
Don Safar
|
Posted: 12/02/2004, 10:41 AM |
|
Thanks for sharing this with the rest of us.
"jayme27" <jayme27@forum.codecharge> wrote in message
news:2541af21f049d74@news.codecharge.com...
> I'm told many people have this issue, so I thought I'd post a solution. I
> use
> this example because I prefer Logout Buttons as opposed to Logout Links.
>
> Make a hyperlink Look like a button:
>
> 1. Set font Style property to "TEXT-DECORATION: none" in the Properties
> Window.
> This removes the underline from the link.
>
> 2. Change class from "KnockoutDataLink" to "KnockoutButton" (Knockout
> Template
> example)
>
> 3. Within your <A> style property put some borders. For me it was this:
>
>
> border-right: #ececec outset; border-top: #ececec outset; border-left:
> #ececec
> outset; border-bottom: #ececec outset; border-top-width: medium;
> border-top-color: #FCFCFC; border-top-style: outset; border-right-width:
> medium; border-right-color: #FCFCFC; border-right-style: outset;
> border-bottom-width: medium; border-bottom-color: #FCFCFC;
> border-bottom-style:
> outset; border-left-width: medium; border-left-color: #FCFCFC;
> border-left-style: outset;
> _________________
> Jayme
> ---------------------------------------
> Sent from YesSoftware forum
> http://forums.codecharge.com/
>
|
|
|
|