Using the BPC ExpanderControl

The ExpanderControl is a part of Bewise Phone Controls current release. To use it, add the BPC library to your project. 

This control allows the user to expand or collapse any content. To expand or collapse the content, the user must click on the header text or on the small icon on the left.

To implement it, all you have to do is to put your content inside the ExpanderControl.ContentArea tag.

Here’s a small example:

 

<Bewise:ExpanderControl HeaderText="{Binding HeaderText, Mode=OneWay}" IsExpanded="{Binding IsExpanded, Mode=TwoWay}">
    <Bewise:ExpanderControl.ContentArea>
        <StackPanel Margin="10">
            <TextBlock>American History X</TextBlock>
            <TextBlock>Mulholland Drive</TextBlock>
            <TextBlock>Se7en</TextBlock>
            <TextBlock>The Lion King</TextBlock>
        </StackPanel>
    </Bewise:ExpanderControl.ContentArea>
</Bewise:ExpanderControl>

 

 

And here is how the control is displayed when expanded:

and when collapsed:

Properties:

 IsExpanded: get or set the state of the control

HeaderText: The header text which can you can get, set or bind to

Last edited Feb 22, 2012 at 10:01 AM by guillaumelac, version 6

Comments

No comments yet.