5 Replies Latest reply on Oct 24, 2008 7:34 AM by ctschap

    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?
       

        • Re: Multi-column Custom HTML Page
          Yann

          > 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 

            • Re: Multi-column Custom HTML Page

              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="http://www.solarwinds.net/NetPerfMon/SolarWinds/default.htm?context=SolarWinds&file=OrionPHResourceCustomInterfaceChart.htm" target="_blank">
                  <img alt="Online Manual" src="/Orion/images/Button.Help.gif" />
              </a>

                     
                          <a class="EditResourceButton" href="/Orion/NetPerfMon/Resources/InterfaceCharts/EditCustomInterfaceChart.aspx?ResourceID=596&NetObject=I:4852">
                                <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='/Orion/DetachResource.aspx?ResourceID=596&NetObject=I:4852' target="_blank">Custom Interface Chart</a></h1>
                      <h2>Last 24 Hours</h2>
                  </div>

                  <a href="/Orion/NetPerfMon/CustomChart.aspx?ChartName=MMAvgBps&Title=&SubTitle=&SubTitle2=&Width=0&Height=0&NetObject=I:4852&CustomPollerID=&Rows=&SampleSize=10M&Period=Last 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>

                • Re: Multi-column Custom HTML Page
                  Yann

                  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;" /> 

                    • Re: Multi-column Custom HTML Page

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

                      • Re: Multi-column Custom HTML Page

                        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="/Orion/NetPerfMon/CustomChart.aspx?ChartName=MMAvgBps&Title=&SubTitle=&SubTitle2=&Width=0&Height=0&NetObject=I:4852&CustomPollerID=&Rows=&SampleSize=10M&Period=Last 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>