Has anyone created an H5 script that uses an Icon for a button?

tom-bateup

We are starting the process of moving our SmartOffice scripts over to H5 and have had some limited success with the first few but I have encountered my first bump in the road.

In one of our SmartOffice scripts we use an IconButton to highlight when a bit of data is incorrect in CAS300 and when the user presses the icon they get some guidance how to fix the particular issue.

The elements in our smartoffice script relating to the button look like this

var errorIconButton : IconButton;<br />

errorIconButton = new IconButton();<br />

DisplayIconButton(errorIconButton,"Error",42,20,5,1,20,"Accounting rule doesn't exist",Brushes.Red,false,false);

public function DisplayIconButton (iconButton : IconButton, iconName : String, column : Number, columnSpan : Number, row : Number, rowSpan : Number, iconButtonWidth : Number, iconToolTip : String, iconColor : Brush, isIconEnabled : Boolean, isIconVisible : Boolean) {

            // DEFINE THE ICON BUTTON

            iconButton.IconName = iconName;

            iconButton.ToolTip = iconToolTip;

            iconButton.HorizontalAlignment = HorizontalAlignment.Left;

            Grid.SetColumn(iconButton, column);

            Grid.SetColumnSpan(iconButton, columnSpan);

            iconButton.VerticalAlignment = VerticalAlignment.Center;

            Grid.SetRow(iconButton, row);

            Grid.SetRowSpan(iconButton, rowSpan);

            iconButton.Width = iconButtonWidth;

            iconButton.IconBrush = iconColor;

            iconButton.IsEnabled = isIconEnabled;

            // Set visibility

            iconButton.Visibility = isIconVisible ? Visibility.Visible : Visibility.Collapsed;

            // INSTANTIATE THE BUTTON

            content.Children.Add(iconButton);            

}<br /><br />

errorIconButton.add_Click(OnErrorIconClick);<br /><br />

public function OnErrorIconClick(sender: Object, e: RoutedEventArgs) {

       

            ConfirmDialog.ShowErrorDialog("The accounting rule doesn't exist","The accounting rule triggered by this transaction doesn't exist for this division, please submit a Business Change Request (BCR) to have the accounting rule created");

        }

</code></div> <p></p> </div> </div> </div> The DisplayIconButton function via the iconButton.IconName&nbsp;=&nbsp;iconName&nbsp;property is displaying the "Error" icon on the panel.<br /><br />Has anyone come across how to do this in H5?<br /><br />I was hoping something like this might work<br /><br /> <div> <div><code>var iconButtonElement = new IconButtonElement();

but I didn't have any luck