locked
Subject: Gradient Borders (Inner Bevel) (marrt) - 9/12/2006 12:00 PM PST RRS feed

  • Question

  • By: marrt

    Many of the input fields in EID have nice gradient borders that give an inner 
    bevel look.  This gives a sense of depth to the input field.  For example, 
    items in the Properties panel, when clicked, display this effect.  How is 
    this effect created in EID? 
    Tuesday, February 19, 2008 5:43 PM

Answers

  • By: Unni Ravindranathan (MS)

    This is simply a template with a brush applied somewhere in there. A very
    good tool to figure out how things are built in XAML (including figuring out
    how Expression Interactive Designer's UI is built) is to use Snoop:
    http://www.blois.us/Snoop/

    Snoop was written as a side-project by Pete who works on our team. Of
    course, it is more a debugging and inspection tool, but it has been
    extremely indispensable for our team in polishing all of our UI.

    Thanks,
    -Unni

    "marrt" <marrt@discussions.microsoft.com> wrote in message
    news:1333C178-B007-46D1-AE6B-C49BB990AF76@microsoft.com...
    > Many of the input fields in EID have nice gradient borders that give an
    > inner
    > bevel look. This gives a sense of depth to the input field. For example,
    > items in the Properties panel, when clicked, display this effect. How is
    > this effect created in EID?
    Tuesday, February 19, 2008 7:18 PM

All replies

  • By: Unni Ravindranathan (MS)

    This is simply a template with a brush applied somewhere in there. A very
    good tool to figure out how things are built in XAML (including figuring out
    how Expression Interactive Designer's UI is built) is to use Snoop:
    http://www.blois.us/Snoop/

    Snoop was written as a side-project by Pete who works on our team. Of
    course, it is more a debugging and inspection tool, but it has been
    extremely indispensable for our team in polishing all of our UI.

    Thanks,
    -Unni

    "marrt" <marrt@discussions.microsoft.com> wrote in message
    news:1333C178-B007-46D1-AE6B-C49BB990AF76@microsoft.com...
    > Many of the input fields in EID have nice gradient borders that give an
    > inner
    > bevel look. This gives a sense of depth to the input field. For example,
    > items in the Properties panel, when clicked, display this effect. How is
    > this effect created in EID?
    Tuesday, February 19, 2008 7:18 PM
  • By: marrt

    TX Unni.  I'll have a look at Snoop.
    
    "Unni Ravindranathan (MS)" wrote:
    
    > This is simply a template with a brush applied somewhere in there. A very 
    > good tool to figure out how things are built in XAML (including figuring out 
    > how Expression Interactive Designer's UI is built) is to use Snoop: 
    > http://www.blois.us/Snoop/
    > 
    > Snoop was written as a side-project by Pete who works on our team. Of 
    > course, it is more a debugging and inspection tool, but it has been 
    > extremely indispensable for our team in polishing all of our UI.
    > 
    > Thanks,
    > -Unni
    > 
    > "marrt" <marrt@discussions.microsoft.com> wrote in message 
    > news:1333C178-B007-46D1-AE6B-C49BB990AF76@microsoft.com...
    > > Many of the input fields in EID have nice gradient borders that give an 
    > > inner
    > > bevel look.  This gives a sense of depth to the input field.  For example,
    > > items in the Properties panel, when clicked, display this effect.  How is
    > > this effect created in EID? 
    > 
    > 
    > 
    Tuesday, February 19, 2008 7:18 PM