How can I add a popup help text near a field in Accounts module in SugarVersion 7.6

You would simply create a custom field type for any fields that you need to add this to.  This is done from the client/base/fields.  The link below goes over all of it. 

For example, if you wanted this on name field you could extend the file clients/base/fields/name/edit.hbs

http://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_7.5/UI_Model/Fields/Examples/Creating_Cu… 

Let me know if you have any questions.

Hi, Anoop Antony!
Let's say you need to set help popup on the record view. So you should to customize several files (for Accounts module):

• record.php;
• record.js.

In record.php add property:

'css_class' => 'help-class'

And in the controller record.js add:

// Some code before
events: {
    "mouseenter .help-class" : "showHelpTooltip",
    "mouseleave .help-class" : "hideHelpTooltip",
},

// Define method on mouse on the field event
showHelpTooltip: function() {
    // You can get text for help info from language file or hard code here
    // var content = app.lang.get('LBL_SOME_HELP_TEXT', this.module);
    var content = 'Help Text Is Here';
    this.$el.find(".help-class").popover({title: 'Help', content: content, placement: 'left'});    
    this.$el.find(".help-class").popover('show');
},

// Define method on mouse leave from field event
hideHelpTooltip: function() {
    this.$el.find(".help-class").popover('hide');   
},

// Some code after

I hope you'll find it useful.

Hi, Anoop Antony!
Let's say you need to set help popup on the record view. So you should to customize several files (for Accounts module):

• record.php;
• record.js.

In record.php add property:

'css_class' => 'help-class'

And in the controller record.js add:

// Some code before
events: {
    "mouseenter .help-class" : "showHelpTooltip",
    "mouseleave .help-class" : "hideHelpTooltip",
},

// Define method on mouse on the field event
showHelpTooltip: function() {
    // You can get text for help info from language file or hard code here
    // var content = app.lang.get('LBL_SOME_HELP_TEXT', this.module);
    var content = 'Help Text Is Here';
    this.$el.find(".help-class").popover({title: 'Help', content: content, placement: 'left'});    
    this.$el.find(".help-class").popover('show');
},

// Define method on mouse leave from field event
hideHelpTooltip: function() {
    this.$el.find(".help-class").popover('hide');   
},

// Some code after

I hope you'll find it useful.

Hi guys,

You guys are really helpful . But i'm afraid i didn't get the exact output. But I managed to do what you gys suggested and got popovers. Let me give you a pictorial representation  of my question

So you can see, next to the name field , I have a  symbol, and when I hover my mouse pointer, I need to display a text in a popup window where it is written "his is custom text" (like a title property in html img tag) 

Please help.

Thank you,

Anoop

Any help guys?