How to toggle the visibility of an HTML element in the HTMLUI control at run-time?
9 Dec 20192 minutes to read
Each HTML element in the HTMLUI has an xVisible attribute by default that helps the user to toggle the visibility of a particular element. Since the xVisible is a bool property, the value to be set is either true
or false
, as string.
The following code snippet shows how the visibility of an element is toggled on the execution of an event.
<html>
<body>
<table>
<tr>
<td id="popup">Cell Toggle</td>
<td id="popup">Cell Toggle</td>
</tr>
<tr>
<td colspan="2">
<img src="sync.gif" id="img"/>
</td>
</tr>
</table>
</body>
</html>
IHTMLElement image = Global.Document.GetElementByUserId("img");
image.Click += new EventHandler(image_Click);
IHTMLElement[] elem = this.htmluiControl1.Document.GetElementsByName("td");
public void image_Click(object sender, EventArgs e)
{
string visibleString = "";
htmluiControl1.BeginUpdate();
if(this.bDescriptionHidden == false)
visibleString = "false";
else
visibleString = "true";
this.bDescriptionHidden = !this.bDescriptionHidden;
foreach (IHTMLElement description in elem)
{
if(description.ID == "popup")
description.Attributes["xVisible"].Value = visibleString;
}
htmluiControl1.EndUpdate();
this.htmluiControl1.Refresh();
}
Private image As IHTMLElement = Global.Document.GetElementByUserId("img")
Private image.Click += New EventHandler(image_Click)
Private elem As IHTMLElement() = Me.htmluiControl1.Document.GetElementsByName("td")
Public Sub image_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim visibleString As String = ""
htmluiControl1.BeginUpdate()
If Me.bDescriptionHidden = False Then
visibleString = "false"
Else
visibleString = "true"
End If
Me.bDescriptionHidden = Not Me.bDescriptionHidden
For Each description As IHTMLElement In elem
If description.ID = "popup" Then
description.Attributes("xVisible").Value = visibleString
End If
Next description
htmluiControl1.EndUpdate()
Me.htmluiControl1.Refresh()
End Sub