Just like many others, I found myself wanting to have my custom properties in a specific order instead of alphabetically. I created a custom resource under Node Details with the following : for the sake of this discussion I have removed most of cells because the code is 4 pages long. Address: ${Address} City: ${City} State: ${State} ZipCode: ${ZipCode} TelephoneNumber: ${TelephoneNumber} Website: ${Website} My Question: Is there a way to hide the cells if they are not populated using style display? Update: Is there a way to remove the entire row if cell on right is empty....? Thanks

Boom baby!~ that's how it's done. The jquery will remove the entire row if a cell under the Information column is empty. You can use the entire code below. Just change the text between to match your custom properties. one custom property example: City: ${City} ---------------------------------------------- $(document).ready(function() { $("tr").filter(function(){return $("td:last",this).is(":empty");}).hide(); }); Custom Property Information Address: ${Address} City: ${City} State: ${State} ZipCode: ${ZipCode} TelephoneNumber: ${TelephoneNumber} FacilityNumber: ${FacilityNumber} FacilityContact: ${FacilityContact} Short_Name: ${Short_Name} Failover_IP_Range: ${Failover_IP_Range} Failover_Subnet: ${Failover_Subnet} Failover_IP: ${Failover_IP} Failover_Mask: ${Failover_Mask} Failover_Gateway: ${Failover_Gateway} Failover_Account_ID: ${Failover_Account_ID} Failover_Provider: ${Failover_Provider} Failover_Provider_Telephone: ${Failover_Provider_Telephone} WAN_Subnet: ${WAN_Subnet} WAN_IP: ${WAN_IP} WAN_Mask: ${WAN_Mask} WAN_Neighbor_IP: ${WAN_Neighbor_IP} WAN_Circuit_ID_1: ${WAN_Circuit_ID_1} WAN_Circuit_ID_2 ${WAN_Circuit_ID_2} WAN_Circuit_ID_3: ${WAN_Circuit_ID_3} WAN_Type: ${WAN_Type} WAN_Speed: ${WAN_Speed} WAN_Account_ID: ${WAN_Account_ID} WAN_Provider: ${WAN_Provider} WAN_Provider_Telephone: ${WAN_Provider_Telephone} Pic1: ${Pic1} Pic2: ${Pic2} Pic3: ${Pic3} Pic4: ${Pic4} Website: ${Website}

Community
- Command Central
- MVP Program
- Monthly Mission
- Blogs
- Groups
- Events
- Media Vault
Products
- Observability
- Network Management
- Application Management
- IT Security
- IT Service Management
- System Management
- Database Management
Content Exchange
- SolarWinds Platform
- Server & Application Monitor
- Database Performance Analyzer
- Server Configuration Monitor
- Network Performance Monitor
- Network Configuration Manager
- SQL Sentry
- Web Help Desk
Free Tools & Trials
Store

Custom Properties with custom HTML resource

sachsj

Just like many others, I found myself wanting to have my custom properties in a specific order instead of alphabetically.

I created a custom resource under Node Details with the following :

for the sake of this discussion I have removed most of cells because the code is 4 pages long.

<tr>

<td>Address:</td>

<td>${Address}</td>

</tr>

<tr>

</tr>

<tr>

<td>State:</td>

<td>${State}</td>

</tr>

<tr>

<td>ZipCode:</td>

<td>${ZipCode}</td>

</tr>

<tr>

<td>TelephoneNumber:</td>

<td>${TelephoneNumber}</td>

</tr>

<tr>

<td>Website:</td>

<td>${Website}</td>

</tr>

</table>

My Question:

Is there a way to hide the cells if they are not populated using style display?

Update: Is there a way to remove the entire row if cell on right is empty....?

Thanks

Find more posts tagged with

Accepted answers

sachsj

Boom baby!~ that's how it's done. The jquery will remove the entire row if a cell under the Information column is empty. You can use the entire code below. Just change the text between <td> </td> to match your custom properties.

one custom property example:

<tr>

</tr>

----------------------------------------------

<html>

<head>

$(document).ready(function() {

$("tr").filter(function(){return $("td:last",this).is(":empty");}).hide();

});

</script>

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Custom Property</th>

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Information</th>

<tr>

<td>Address:</td>

<td>${Address}</td>

</tr>

<tr>

</tr>

<tr>

<td>State:</td>

<td>${State}</td>

</tr>

<tr>

<td>ZipCode:</td>

<td>${ZipCode}</td>

</tr>

<tr>

<td>TelephoneNumber:</td>

<td>${TelephoneNumber}</td>

</tr>

<tr>

<td>FacilityNumber:</td>

<td>${FacilityNumber}</td>

</tr>

<tr>

<td>FacilityContact:</td>

<td>${FacilityContact}</td>

</tr>

<tr>

<td>Short_Name:</td>

<td>${Short_Name}</td>

</tr>

<tr>

<td>Failover_IP_Range:</td>

<td>${Failover_IP_Range}</td>

</tr>

<tr>

<td>Failover_Subnet:</td>

<td>${Failover_Subnet}</td>

</tr>

<tr>

<td>Failover_IP:</td>

<td>${Failover_IP}</td>

</tr>

<tr>

<td>Failover_Mask:</td>

<td>${Failover_Mask}</td>

</tr>

<tr>

<td>Failover_Gateway:</td>

<td>${Failover_Gateway}</td>

</tr>

<tr>

<td>Failover_Account_ID:</td>

<td>${Failover_Account_ID}</td>

</tr>

<tr>

<td>Failover_Provider:</td>

<td>${Failover_Provider}</td>

</tr>

<tr>

<td>Failover_Provider_Telephone:</td>

<td>${Failover_Provider_Telephone}</td>

</tr>

<tr>

<td>WAN_Subnet:</td>

<td>${WAN_Subnet}</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>WAN_Neighbor_IP:</td>

<td>${WAN_Neighbor_IP}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_1:</td>

<td>${WAN_Circuit_ID_1}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_2</td>

<td>${WAN_Circuit_ID_2}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_3:</td>

<td>${WAN_Circuit_ID_3}</td>

</tr>

<tr>

</tr>

<tr>

<td>WAN_Speed:</td>

<td>${WAN_Speed}</td>

</tr>

<tr>

<td>WAN_Account_ID:</td>

<td>${WAN_Account_ID}</td>

</tr>

<tr>

<td>WAN_Provider:</td>

<td>${WAN_Provider}</td>

</tr>

<tr>

<td>WAN_Provider_Telephone:</td>

<td> ${WAN_Provider_Telephone}</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Website:</td>

<td>${Website}</td>

</tr>

</table>

</head>

All comments

sachsj

OK. I thought I had it figured out but this is not the solution I need......

I could use it, but then only the rows that do not have any information will show. The problem is that only the right side will disappear... LOL

DOH!

Thank you! I will be here all week......

sachsj

I added headers to the table. If I can figure out how to remove the entire row if a cell on the right is empty, then I will probably need to somehow reference the Information header.

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Custom Property</th>

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Information</th>

<tr>

<td>Address:</td>

<td>${Address}</td>

</tr>

<tr>

</tr>

<tr>

<td>State:</td>

<td>${State}</td>

</tr>

<tr>

<td>ZipCode:</td>

<td>${ZipCode}</td>

</tr>

<tr>

<td>TelephoneNumber:</td>

<td>${TelephoneNumber}</td>

</tr>

<tr>

<td>Website:</td>

<td>${Website}</td>

</tr>

</table>

sachsj

Using jsfiddle.net I was able to get this to work:

$("tr").filter(function(){return $("td:last",this).is(":empty");}).hide();

Now I just need to figure out how to use it under the html resource

sachsj

one custom property example:

<tr>

</tr>

----------------------------------------------

<html>

<head>

$(document).ready(function() {

$("tr").filter(function(){return $("td:last",this).is(":empty");}).hide();

});

</script>

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Custom Property</th>

<th style="text-align:center" bgcolor="756767"><font color="FFFFFF">Information</th>

<tr>

<td>Address:</td>

<td>${Address}</td>

</tr>

<tr>

</tr>

<tr>

<td>State:</td>

<td>${State}</td>

</tr>

<tr>

<td>ZipCode:</td>

<td>${ZipCode}</td>

</tr>

<tr>

<td>TelephoneNumber:</td>

<td>${TelephoneNumber}</td>

</tr>

<tr>

<td>FacilityNumber:</td>

<td>${FacilityNumber}</td>

</tr>

<tr>

<td>FacilityContact:</td>

<td>${FacilityContact}</td>

</tr>

<tr>

<td>Short_Name:</td>

<td>${Short_Name}</td>

</tr>

<tr>

<td>Failover_IP_Range:</td>

<td>${Failover_IP_Range}</td>

</tr>

<tr>

<td>Failover_Subnet:</td>

<td>${Failover_Subnet}</td>

</tr>

<tr>

<td>Failover_IP:</td>

<td>${Failover_IP}</td>

</tr>

<tr>

<td>Failover_Mask:</td>

<td>${Failover_Mask}</td>

</tr>

<tr>

<td>Failover_Gateway:</td>

<td>${Failover_Gateway}</td>

</tr>

<tr>

<td>Failover_Account_ID:</td>

<td>${Failover_Account_ID}</td>

</tr>

<tr>

<td>Failover_Provider:</td>

<td>${Failover_Provider}</td>

</tr>

<tr>

<td>Failover_Provider_Telephone:</td>

<td>${Failover_Provider_Telephone}</td>

</tr>

<tr>

<td>WAN_Subnet:</td>

<td>${WAN_Subnet}</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>WAN_Neighbor_IP:</td>

<td>${WAN_Neighbor_IP}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_1:</td>

<td>${WAN_Circuit_ID_1}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_2</td>

<td>${WAN_Circuit_ID_2}</td>

</tr>

<tr>

<td>WAN_Circuit_ID_3:</td>

<td>${WAN_Circuit_ID_3}</td>

</tr>

<tr>

</tr>

<tr>

<td>WAN_Speed:</td>

<td>${WAN_Speed}</td>

</tr>

<tr>

<td>WAN_Account_ID:</td>

<td>${WAN_Account_ID}</td>

</tr>

<tr>

<td>WAN_Provider:</td>

<td>${WAN_Provider}</td>

</tr>

<tr>

<td>WAN_Provider_Telephone:</td>

<td> ${WAN_Provider_Telephone}</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Website:</td>

<td>${Website}</td>

</tr>

</table>

</head>