RE: Create new Pop Up helpers balloons for some fields in Portal Case form
Hi,
I was curious to to see how it can be done. So I tried this on the case create form and it seem to be working :)
JavaScript
=========
--------------------------------------------------------------------
$(document).ready(function() {
// Set tooltip for title
$('#title').attr('title', 'Enter case title here');
$("#title").tooltip({
position: "left",
offset: [-2, 10],
effect: "fade",
opacity: 0.7
});
// Set tooltip for customer
$('#customerid_name').attr('title', 'Select customer type');
$("#customerid_name").tooltip({
position: "left",
offset: [-2, 10],
effect: "fade",
opacity: 0.7
});
});
--------------------------------------------------------------------
CSS
=====
--------------------------------------------------------------------
.tooltip {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#fff;
text-align:left;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
--------------------------------------------------------------------
I added these on the case create web page [content].
Hope this helps