Hi, I want to add a pop-up help text to some fields in Accounts module
Like
Name : [_________] ?
?- represents a information icon
and on clicking the ? icon it should popup a help text
I'm using sugar version 7.6
Hi, I want to add a pop-up help text to some fields in Accounts module
Like
Name : [_________] ?
?- represents a information icon
and on clicking the ? icon it should popup a help text
I'm using sugar version 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
Let me know if you have any questions.
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
Let me know if you have any questions.
Hi Kenneth,
Thank you for the reply!.
I tried it on the name field, and i'm just a newbie to SugarCrm
So I extended clients/base/fields/name/edit.hbs
and added a image next to Name field,
and this is my codicone in custom/clients/base/fields/name/edit.hbs
<input type="text" name="{{name}}" value="{{value}}"{{#if def.len}} maxlength="{{def.len}}"{{/if}}{{#if def.placeholder}} placeholder="{{str def.placeholder this.model.module}}"{{/if}} class="inherit-width">
{{#unless hideHelp}}{{#if def.help}}<p class="help-block">{{str def.help module}}</p>{{/if}}{{/unless}}
// Link to the "help "
<img src="{{custom/themes/default/themes/default/images/icon_info.gif}}">
but it is not working, i'm not sure if it is the way to extend,? Could you please be more specific on this, Like i said I a newbie on Sugar!
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):
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