Wrap text in grid view

to wrap cell text in a gridview  declare a style for a TD on top of page since the rendered grid cell will be TD.

<style>

.WrapStyle TD
{
word-break :  break-all;
}

</style>

In the grid view set the attribute to RowStyle-CssClass=”WrapStyle”

Show xml in div from javascript with collapsable nodes

http://www.levmuchnik.net/Content/ProgrammingTips/WEB/XMLDisplay/DisplayXMLFileWithJavascript.html

http://stackoverflow.com/questions/1366179/how-to-display-xml-in-a-html-page-as-a-collapsible-and-expandable-tree-using-java

How to place the pop up div in center of screen

See the below code. you just need to place the name of the div in place ‘layer1′

var scrolledX, scrolledY;
    if (self.pageYoffset) {
        scrolledX = self.pageXoffset;
        scrolledY = self.pageYoffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    } else if (document.body) {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    }

    // Next, determine the coordinates of the center of browser’s window

    var centerX, centerY;
    if (self.innerHeight) {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } else if (document.body) {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }

    // Xwidth is the width of the div, Yheight is the height of the
    // div passed as arguments to the function:
    var leftoffset = scrolledX + (centerX – document.getElementById(‘layer1′).offsetWidth) / 2;
    var topoffset = scrolledY + (centerY – document.getElementById(‘layer1′).offsetHeight) / 2;
    // The initial width and height of the div can be set in the
    // style sheet with display:none; divid is passed as an argument to // the function
    var o = document.getElementById(‘layer1′);
    var r = o.style;
    r.position = ‘absolute’;
    r.top = topoffset + ‘px’;
    r.left = leftoffset + ‘px’;
    r.display = “block”;

wrat text in div(not word wrap, wrap text)

include the div in another div like below and apply style like below

<div>

<div id=”content-sidebar”>

 BLALALALALLAAL

 </div>

  </div>

css for div

#content-sidebar {
    display: block;
    float: right;
    width: 270px;
    height: 400px;
    border: 1px solid red;
}