• Great control. Minor tweaks.

    By Ryan Buening 1 decade ago

    Extremely useful control for debugging XPages. I did make a couple adjustments. When you have a session scope that has a lot of data in it, the width of the table extends to accommodate the long string. This makes using the "Remove" and "Save value" buttons tricky because the are pushed all the way to the right.

    What I did was move the action column to the far left and  set the following CSS on the .debugPane:

     

    &nbsp; &nbsp; &nbsp; .debugPane{</div>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-top:10px;</div>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-left:20px;</div>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-bottom:30px;</div>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;width: 900px; &nbsp;/* modify based on what&#39;s needed */</div>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;overflow: auto;/* allow scrolling */</div>

&nbsp; &nbsp; &nbsp; }</div>

    This way, you end up with something like this: http://dl.dropbox.com/u/40159/debug.png

    Another way would be to possibly just set a static width on the content column so the width doesn't get out of hand with large data sets.

     

    &nbsp; &nbsp; &nbsp; .debugPane{

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-top:10px;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-left:20px;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-bottom:30px;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;width: 890px;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;overflow: auto;

&nbsp; &nbsp; &nbsp; }