How to toggle the visibility of an HTML element in the HTMLUI control at run-time?
4 Feb 20252 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