Good day !
Can i navigate with mouse on a field and it show promt ?
Like a comment in excel.
Hello @ixxxl,
You can add a tooltip to the field input using the code:
var field= $(fd.field('Title').$el).find('input');
$(field).attr('title', 'Tooltip Text');
@mnikitina
is it another way for dorpdown (radiobutton) field . for this field doesn't work
for title as you show works.
or for dropdown like this:
The element you want to add a tooltip to can be different for each field type. For instance, for a single choice field it is better to add a tooltip to a label:
var field= $(fd.field('Field1').$el).find('label');
$(field).attr('title', 'Tooltip Text');
For a drop-down, to the combo box that you can find by CSS class:
var field= $(fd.field('Field1').$el).find('.k-dropdown');
$(field).attr('title', 'Tooltip Text');
1 Like
@mnikitina
Thank you!
one more for dropdown -can i put different Tooltip for different values ?
i tried like this
fd.spRendered(function () {
if (fd.field('Tipul_x0020_adres_x0103_rii').value=='Reclamație ( Complaint)'||fd.field('Tipul_x0020_adres_x0103_rii').value=='Solicitare ( Service Request)' ) {
var field= $(fd.field('Tipul_x0020_adres_x0103_rii').$el).find('.k-dropdown');
$(field).attr('title', 'Solicitare – cerere primită din partea unui Client care presupune efectuarea unei investigații aprofundate implicând departamente specializate pentru perfectarea unei opinii calificate și implică formularea unui răspuns. Reclamație – orice plângere sau sesizare primită din partea unui client al Băncii (petiționar), prin care se înaintează careva revendicări sau se exprimă o nemulțumire în privința produselor, serviciilor, proceselor sau relației cu Banca.');
}
})
Without condition work, for whole dropdown field, not for specified values.
Or for example in radio button to put on yes one Tooltip, on No - another?
You can add a specific tooltip based on a Radio button label text using the code:
var labels= $(fd.field('Field1').$el).find('label');
for(i=0; i< labels.length; i++){
if(labels[i].innerText == 'Yes'){
$(labels[i]).attr('title', 'Tooltip for Yes');
}
if(labels[i].innerText == 'No'){
$(labels[i]).attr('title', 'Tooltip for No');
}
}
As for the drop-down list, do you want to display a tooltip for the selected option or when the user hovers over an option in the drop-down list?
1 Like
You can change the tooltip dynamically when the field value changes:
function changeTooltip () {
var fieldValue = fd.field('Field1').value;
var field= $(fd.field('Field1').$el).find('input');
console.log(fieldValue)
if(fieldValue == 'Item 1') {
$(field).attr('title', 'Item 1');
}
if(fieldValue == 'Item 2') {
$(field).attr('title', 'Item 2');
}
}
fd.field('Field1').$on('change', changeTooltip)Hi @mnikitina
This one doesn't work for me.. in colnsloe just appears values
fd.spRendered(function () {
//if (fd.field('Tipul_x0020_adres_x0103_rii').value=='Reclamație ( Complaint)'||fd.field('Tipul_x0020_adres_x0103_rii').value=='Solicitare ( Service Request)' ) {
/*var field= $(fd.field('Tipul_x0020_adres_x0103_rii').$el).find('.k-dropdown');
$(field).attr('title', 'Solicitare – cerere primită din partea unui Client care presupune efectuarea unei investigații aprofundate implicând departamente specializate pentru perfectarea unei opinii calificate și implică formularea unui răspuns. Reclamație – orice plângere sau sesizare primită din partea unui client al Băncii (petiționar), prin care se înaintează careva revendicări sau se exprimă o nemulțumire în privința produselor, serviciilor, proceselor sau relației cu Banca.');*/
//}
var field1= $(fd.field('Clasificare').$el).find('.k-dropdown');
$(field1).attr('title', '3.5. Reclamațiile(petițiile), care în urma cercetării circumstanțelor se vor dovedi a fi bazate pe argumente solide, adevărate, generate din culpa Băncii, vor fi considerate ca fiind întemeiate. Celelalte, care nu vor avea argumente justificate și nu se va dovedi culpa Băncii, vor fi considerate ca neîntemeiate. Reclamațiile întemeiate, care în urma examinării vor reflecta o problemă de sistem, se vor considera sistemice. Celelalte vor fi clasificate ca individuale.');
//}
});
fd.spRendered(function(){
function changeTooltip () {
var fieldValue = fd.field('Tipul_x0020_adres_x0103_rii').value;
var field= $(fd.field('Tipul_x0020_adres_x0103_rii').$el).find('input');
console.log(fieldValue)
if(fieldValue == 'Reclamație ( Complaint)') {
$(field).attr('title', 'Reclamație – orice plângere sau sesizare primită din partea unui client al Băncii (petiționar), prin care se înaintează careva revendicări sau se exprimă o nemulțumire în privința produselor, serviciilor, proceselor sau relației cu Banca.');
}
if(fieldValue == 'Solicitare ( Service Request)') {
$(field).attr('title', 'Solicitare – cerere primită din partea unui Client care presupune efectuarea unei investigații aprofundate implicând departamente specializate pentru perfectarea unei opinii calificate și implică formularea unui răspuns');
}
}
fd.field('Tipul_x0020_adres_x0103_rii').$on('change', changeTooltip)
})
Replace input with the dropdown field class .k-dropdown:
fd.spRendered(function(){
function changeTooltip () {
var fieldValue = fd.field('Tipul_x0020_adres_x0103_rii').value;
var field= $(fd.field('Tipul_x0020_adres_x0103_rii').$el).find('.k-dropdown');
console.log(fieldValue)
if(fieldValue == 'Reclamație ( Complaint)') {
$(field).attr('title', 'Reclamație – orice plângere sau sesizare primită din partea unui client al Băncii (petiționar), prin care se înaintează careva revendicări sau se exprimă o nemulțumire în privința produselor, serviciilor, proceselor sau relației cu Banca.');
}
if(fieldValue == 'Solicitare ( Service Request)') {
$(field).attr('title', 'Solicitare – cerere primită din partea unui Client care presupune efectuarea unei investigații aprofundate implicând departamente specializate pentru perfectarea unei opinii calificate și implică formularea unui răspuns');
}
}
fd.field('Tipul_x0020_adres_x0103_rii').$on('change', changeTooltip)
})
1 Like
@mnikitina Thank you !
i just added
if (fieldValue != 'Solicitare ( Service Request)' || fieldValue != 'Reclamație ( Complaint)') {
$(field).attr('title', '')
}
to clear on another values
1 Like
Is it possible to add a tooltip on a button?
Hello @Jamail_Serio,
You can't add a tooltip for the button in UI. But can do that using Jquery:
$(".btn-class").attr('title', 'This is the hover-over text');