This discussion has been locked. The information referenced herein may be inaccurate due to age, software updates, or external references.
You can no longer post new replies to this discussion. If you have a similar question you can start a new discussion in this forum.

Multi-column Custom HTML Page

I am trying to make a two-column page where I can place several Custom HTML or Text items. When I start out and preview the newly created page, everything lines up like it should - several Custom HTML items in column one and several in column two. However, once I add the custom HTML to the first item all of the rest of the items move over and stack in column one.

This is happening on both 9.1 and 9.0 SP2. Is this a bug or am I just missing something?
 

  • > once I add the custom HTML to the first item all of the rest of the items move over and stack in column one.

     Could you post the HTML code you added?

    Yann 

  • I should mention that it displays this behavior in both Firefox and IE. Also, notice that the chart width is 600px. It does not matter how I size the custom HTML item. The code is below: 

     

    <div class="ResourceWrapper" style="width: 600px">

        <div id="ctl00_ctl00_ContentPlaceHolder1_MainContentPlaceHolder_ifHost_resContainer_rptColumn1_ctl00_ctl01_Wrapper_headerBar" class="HeaderBar">
           

    <a class="HelpButton" href="">www.solarwinds.net/.../default.htm target="_blank">
        <img alt="Online Manual" src="/Orion/images/Button.Help.gif" />
    </a>

           
                <a class="EditResourceButton" href="">thwack.solarwinds.com/.../EditCustomInterfaceChart.aspx
                      <img alt="Edit Custom Interface Chart" src="/Orion/images/Button.EditResource.gif" />
                </a>
           

              
           
            <div id="customMenu" class = "EditResourceButton">
                    <select name="ctl00$ctl00$ContentPlaceHolder1$MainContentPlaceHolder$ifHost$resContainer$rptColumn1$ctl00$ctl01$Wrapper$drDownMenu" id="ctl00_ctl00_ContentPlaceHolder1_MainContentPlaceHolder_ifHost_resContainer_rptColumn1_ctl00_ctl01_Wrapper_drDownMenu" onchange="window.open(this.options[this.selectedIndex].value);this.selectedIndex=0">

        <option selected="selected" value=""> View Options</option>
        <option value="/Orion/NetPerfMon/CustomChart.aspx?ChartName=MMAvgBps&CustomPollerID=&Rows=&PlotStyle=&ResourceID=596&NetObject=I:4852&Period=Last 7 Days&SampleSize=1H&NetObjectPrefix="> Last 7 Days</option>
        <option value="/Orion/NetPerfMon/CustomChart.aspx?ChartName=MMAvgBps&CustomPollerID=&Rows=&PlotStyle=&ResourceID=596&NetObject=I:4852&Period=Last 30 Days&SampleSize=1D&NetObjectPrefix="> Last 30 Days</option>
        <option value="/Orion/NetPerfMon/CustomChart.aspx?ChartName=MMAvgBps&CustomPollerID=&Rows=&PlotStyle=&ResourceID=596&NetObject=I:4852&Period=LAST 24 HOURS&SampleSize=10M&NetObjectPrefix="> Edit Chart</option>
        <option value="/Orion/NetPerfMon/ChartData.aspx?ChartName=MMAvgBps&CustomPollerID=&Rows=&NetObject=I:4852&Period=LAST 24 HOURS&SampleSize=10M&PeriodBegin=10/21/2008 6:18:18 AM&PeriodEnd=10/22/2008 6:18:18 AM"> View Chart Data</option>

        <option value="/Orion/NetPerfMon/ChartData.aspx?ChartName=MMAvgBps&CustomPollerID=&Rows=&NetObject=I:4852&Period=LAST 24 HOURS&SampleSize=10M&PeriodBegin=10/21/2008 6:18:18 AM&PeriodEnd=10/22/2008 6:18:18 AM&DataFormat=Excel"> View Chart Data in Excel</option>

    </select>
             </div>
            <h1><a href='thwack.solarwinds.com/.../DetachResource.aspx target="_blank">Custom Interface Chart</a></h1>
            <h2>Last 24 Hours</h2>
        </div>

        <a href="thwack.solarwinds.com/.../CustomChart.aspx 24 Hours&PlotStyle=&FontSize=1&NetObjectPrefix=I&SubsetColor=&RYSubsetColor=&ResourceID=596" onclick="window.open(this.href); return false;"><div style="width: 600px; text-align:center; padding:1px; padding-bottom:1px; "><img src="/Orion/NetPerfMon/Chart.aspx?ChartName=MMAvgBps&Title=&SubTitle=&SubTitle2=&Width=600&Height=0&NetObject=I:4852&CustomPollerID=&Rows=&SampleSize=10M&Period=Last 24 Hours&PlotStyle=&FontSize=1&NetObjectPrefix=I&SubsetColor=&RYSubsetColor=&ResourceID=596" style="border-width:0px;" /></div></a>
    </div>
     
                   
            </td>

           
            <td id="ctl00_ctl00_ContentPlaceHolder1_MainContentPlaceHolder_ifHost_resContainer_tdColumn3" class="ResourceColumn">
               
            </td>

        </tr>
    </table>

  • Does it work if you use only the below code?

     

    <img src="/Orion/NetPerfMon/Chart.aspx?ChartName=MMAvgBps&Title=&SubTitle=&SubTitle2=&Width=600&Height=0&NetObject=I:4852&CustomPollerID=&Rows=&SampleSize=10M&Period=Last 24 Hours&PlotStyle=&FontSize=1&NetObjectPrefix=I&SubsetColor=&RYSubsetColor=&ResourceID=596" style="border-width:0px;" /> 

  • Yes it does. But, I would like to keep the menu options with all of the charts. 

  • You pointed me in the right direction, thank you. I went with the portion of the original code that I have included below. This does not provide the menu bar (which appears to have caused the problem), but it does still provide a clickable graph...which will work fine.

    <a href="thwack.solarwinds.com/.../CustomChart.aspx 24 Hours&PlotStyle=&FontSize=1&NetObjectPrefix=I&SubsetColor=&RYSubsetColor=&ResourceID=596" onclick="window.open(this.href); return false;"><div style="width: 600px; text-align:center; padding:1px; padding-bottom:1px; "><img src="/Orion/NetPerfMon/Chart.aspx?ChartName=MMAvgBps&Title=&SubTitle=&SubTitle2=&Width=600&Height=0&NetObject=I:4852&CustomPollerID=&Rows=&SampleSize=10M&Period=Last 24 Hours&PlotStyle=&FontSize=1&NetObjectPrefix=I&SubsetColor=&RYSubsetColor=&ResourceID=596" style="border-width:0px;" /></div></a>