Styling ContentPane header when unpinned

Not Answered This post has 0 verified answers | 6 Replies | 3 Followers Thread's RSS feed.

adamsandberg
Points 110
Replied On: Mon, Dec 5 2011 11:14 AM Reply

Hi,

 

I need to style the header of a content pane when it is unpinned.  I need to accomplish two tasks:

  1. Apply basic styling to the content pane header when unpinned (background, font styling, include a custom image (an arrow), etc. - as an example, see attached files).
  2. For this particular case, there will only be one pane that gets pinned/unpinned, and the design requires that this pane, when unpinned, use up all the avalable vertical space (see attachments.)  I took a look at what was hosting this content pane when unpinned, got down to the UnpinnedTabArea and XamPager controls - is this the right area to be looking to control how the content pane headers are being laid out?  Any more direct route?

Thanks,

Adam

  • Post Points: 20

All Replies

[Infragistics]Stefan
Points 126,483
Infragistics Employee
Replied On: Wed, Dec 7 2011 5:43 AM Reply

Hello Adam,

 

Thank you for your post. I have been looking into your requirement and I created a sample project for you with the look you want. Basically I created a Style for the PAneTabItem control and bind its Height to the Height of the XamDockManager. I also set its Background and FontWeight properties. Please let me know if this helps you or you need further assistance on this matter.

 

Looking forward for your reply.

Sincerely,
Stefan, MCPD
Developer Support Engineer
Infragistics, Inc.
www.infragistics.com/support

  • Post Points: 20
TSCynergy
Points 190
Replied On: Fri, Dec 9 2011 2:49 PM Reply

I'm a coworker of Adam's.  There are a number of ContentPanes that using this as a default style breaks.  Is there a way this template can be applied to one particular control?  I didn't see any potential DP candidates, so I'm guessing overriding the ContentPane might be necessary?

  • Post Points: 20
[Infragistics]Stefan
Points 126,483
Infragistics Employee
Replied On: Mon, Dec 12 2011 3:01 AM Reply

Hello,

 

I have modified the sample I sent you before, so now it has the functionality you want. Basically I added a Trigger to the Style of the PaneTabItem and check its Header, so now it applies only to one Pane as you want. Please let me know if this helps you or you need further clarifications on this matter.

 

Looking forward for your reply.

Sincerely,
Stefan, MCPD
Developer Support Engineer
Infragistics, Inc.
www.infragistics.com/support

  • Post Points: 20
TSCynergy
Points 190
Replied On: Wed, Dec 14 2011 7:40 PM Reply

That approach does the trick!  Thank you.

  • Post Points: 20
[Infragistics]Stefan
Points 126,483
Infragistics Employee
Replied On: Thu, Dec 15 2011 2:02 AM Reply

Hello,

 

Thank you for your feedback. I am glad that you resolved your issue and I believe that other community members may benefit from this as well.

 

Thanks again.

Sincerely,
Stefan, MCPD
Developer Support Engineer
Infragistics, Inc.
www.infragistics.com/support

  • Post Points: 20
TSCynergy
Points 190
Replied On: Fri, Dec 23 2011 3:42 PM Reply

On further use, it's looking like we'll need more control of the header content and various states (mouseover, etc).  Can you suggest an approach that wouldn't involve pulling in the template for this whole control?  In particular, I think the header will need a real content presenter that can take elements, and we'll need control over the borders and margins during mouseover.

If not, understandable, but this particular template is one we were hoping to avoid.

Thanks much.

  • Post Points: 5
Page 1 of 1 (7 items) | RSS