Question : want linebreak

tooltip
prints
<br>

instead of linebreak
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
<?
echo'
(<span class="toolTip" title="tooltip line1<br><br>tooltip line2">tooltip</span>)
';  
 
 
 echo'
        <script>
        $(document).ready(function() {
          $(\'.toolTip\').hover(
            function() {
            this.tip = this.title;
            $(this).append(
              \'<div class="toolTipWrapper">\'
                +\'<div class="toolTipTop"></div>\'
                +\'<div class="toolTipMid">\'
                  +this.tip
                +\'</div>\'
                +\'<div class="toolTipBtm"></div>\'
              +\'</div>\'
            );
            this.title = "";
            this.width = $(this).width();
            $(this).find(\'.toolTipWrapper\').css({left:this.width-22})
            $(\'.toolTipWrapper\').fadeIn(300);
          },
          function() {
            $(\'.toolTipWrapper\').fadeOut(100);
            $(this).children().remove();
              this.title = this.tip;
            }
          );
        });
        </script>
        <style type="text/css" media="screen">
        .toolTip { /* This is the hook that the jQuery script will use */
          color:#000099;
          text-decoration:underline;
          cursor: help; 
          position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
        }

        .toolTipWrapper { /* The wrapper holds its insides together */
          width: 220px;
          position: absolute; /* Absolute will make the tooltip float above other content in the page */
          top: 5px;
          display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
          color: #FFF;
          font-weight: bold;
          font-size: 9pt; /* A font size is needed to maintain consistancy */
        }

        .toolTipTop { /* Top section of the tooltip */
          width: 175px;
          height: 5px;
        }

        .toolTipMid { /* Middle section of the tooltip */
          padding: 8px 15px;
          color:#000000;
          background: #FFFFFF;
        }

        .toolTipBtm { /* Bottom Section of the tooltip */
          height: 13px;
          background: transparent url(images/bubbleBtm.gif) no-repeat;
        }  
        </style>
        ';
        
        
?>

Answer : want linebreak

That seems correct.

 Did you enter an alias for that column field in the cross-tab?  It'd be in the Cross-tab Expert on the "Customize Style" tab.  Select that column and see if there is anything in the "Alias for Formulas" box.  It looks like the name you use in GridRowColumnValue has to match that alias.  The default should be the original field name, but if you change the alias, it appears that you have to use that alias.

 James
Random Solutions  
 
programming4us programming4us