(SOLVED) MessageBar Colour & Xaml Events

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   Hi,

I have recently found a method that allows me to override the basic colour of the MessageBar and therefore do what I want colour wise.

As you can see the default Codejock AddButton method doesn't update with the colour, so I wrote my own xaml to do the same, so I get the following:

The xaml utilises the "MouseLeftButtonUp" event to call the "MessageBarEvent", which looks like "MouseLeftButtonUp='MessageBarEvent'".

Does anyone know of a way to get this event to fire? Any help is appreciated.

See below for the code I used to get the MessageBar to fully change its colour, which is in C#.Net but easily adaptable to VB6. I haven't copied the method "MessageBarEvent" as all this does is fire a message box if I can ever get it to work!!

I have tried using the Button xaml code and I still am met with being unable to fire the event from that also.

public void MessageBarDisplay(string message, string title, MessageBarType type = MessageBarType.Information)
{
    // Encode the < (less than) and > (greater than) symbols for the XAML below
    message = message.Replace("&", "&amp;");
    message = message.Replace("'", "&apos;");
    message = message.Replace("<", "&lt;");
    message = message.Replace(">", "&gt;");
    message = message.Replace("\"", "&quot;");

    // Variables used for the message layout
    int image = 0;
    string button = String.Empty;
    string colour = String.Empty;
    string imageSource = String.Empty;
    string textMessage = String.Empty;
    string textTitle = String.Empty;

    // Determine the passed MessageBarType and retrieve the correct details
    switch (type)
    {
        case MessageBarType.Error:
            colour = "#FFB6B8";
            image = ID.IMAGE_ERROR;
            break;

        case MessageBarType.Information:
            image = ID.IMAGE_INFORMATION;
            break;

        case MessageBarType.Success:
            colour = "#D4FFD6";
            image = ID.IMAGE_SUCCESS;
            break;

        case MessageBarType.Warning:
            colour = "#FFFFA8";
            image = ID.IMAGE_WARNING;
            break;
    }

    // Build the desired message layout using xaml
    if (colour != String.Empty)
        colour = "Background='" + colour + "' Height='32' Width='" + this.ClientSize.Width.ToString() + "'";

    if (image > 0)
        imageSource = "<Image Margin='5,0,0,0' Source='" + image + @"'/>";

    if (message != String.Empty)
        textMessage = "<TextBlock Padding='10, 0, 0, 0' VerticalAlignment='Center' Name='TextMessage'>" + message + @"</TextBlock>";

    if (title != String.Empty)
        textTitle = "<TextBlock Padding='3, 0, 0, 0' VerticalAlignment='Center' Name='TextTitle'><Bold>" + title + @":</Bold></TextBlock>";

    if (type == MessageBarType.Error)
    {
        button = @"<Page.Resources>
                        <Style TargetType='Border'>
                            <Setter Property='BorderThickness' Value='1' />
                            <Setter Property='Cursor' Value='Hand' />
                            <Style.Triggers>
                                <Trigger Property='IsMouseOver' Value='False'>
                                    <Trigger.Setters>
                                        <Setter Property='Background' Value='#FFB6B8' />
                                        <Setter Property='BorderBrush' Value='#728EAC' />
                                    </Trigger.Setters>
                                </Trigger>
                                <Trigger Property='IsMouseOver' Value='True'>
                                    <Trigger.Setters>
                                        <Setter Property='Background' Value='#FFE7A2' />
                                        <Setter Property='BorderBrush' Value='#FFBD69' />
                                    </Trigger.Setters>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </Page.Resources>

                    <Border Focusable='True' Height='24' HorizontalAlignment='Right' Margin='0, 0, 12, 0' MouseLeftButtonUp='MessageBarEvent' Width='100'>
                        <TextBlock Cursor='Hand' VerticalAlignment='Center' HorizontalAlignment='Center'>Send Screenshot</TextBlock>
                    </Border>";
    }

    // Add the layout to the MessageBar's Message area
    messageBar.Message = @"  
    <DockPanel " + colour + @" Margin='-4,0,-4,0'>
                " + imageSource + @"
                " + textTitle + @"
                " + textMessage + @"
                " + button + @"
    </DockPanel>";

    messageBar.Visible = true;
}