cancel
Showing results for 
Search instead for 
Did you mean: 

How to add tooltip to admin form input field Magento2

SOLVED

How to add tooltip to admin form input field Magento2

I want to add tool-tip to my custom admin form field, below is my form. scrn.png

 

 

 

 

 

 

 

My code is here.

NameSpace\ModuleName\Block\Rule.php

 

protected function _addGeneralFieldset($rule, &$values)
{    $fieldset = $this->_form->addFieldset('base_fieldset',
        [
            'legend'=>__('Rule Information'),
            'class'=>'fieldset-wide',
    ]);    $this->_addElementTypes($fieldset);    $data = new DataObject($values);

    if ($rule->getId()) {        $fieldset->addField('rule_id', 'hidden', [
            'name' => 'rule_id',
            'is_wide'=>true,
            'is_top'=>true,
            'is_hidden'=>true,
        ]);
    }    $fieldset->addField('product_ids', 'hidden', [
        'name' => 'product_ids',
        'is_wide'=>true,
        'is_top'=>true,
        'is_hidden'=>true,
    ]);    $fieldset->addField('name', 'text', [
        'name' => 'name',
        'label' => __('Name'),
        'title' => __('Name'),
        'required' => true,
    ]);    $fieldset->addField('description', 'textarea', [
        'name' => 'description',
        'label' => __('Description'),
        'title' => __('Description'),
        'style' => 'height: 100px;',
    ]);    $fieldset->addField('is_active', 'select', [
        'label'     => __('Status'),
        'title'     => __('Status'),
        'name'      => 'is_active',
        'required' => true,
        'options'    => [
            '1' => __('Active'),
            '0' => __('Inactive'),
        ],
    ]);    $this->_prepareFieldsetColumns($fieldset);
    return $this;
}

 

5 REPLIES

Re: How to add tooltip to admin form input field Magento2

If you doing it UI way then its easy way to add tooltip by below way,

<item name="tooltip" xsi:type="array">
       <item name="description" xsi:type="string" translate="true">We'll send your order confirmation here.</item>
</item>

But default Block Form way,

You can try with add 'tooltip' key i m not sure about it but check with tooltip key to your data.

$fieldset->addField('name', 'text', [
        'name' => 'name',
        'label' => __('Name'),
        'title' => __('Name'),
        'required' => true,
'tooltip' => 'aaaaaaaaaaaaa'
    ]); 

 

If Issue Solved, Click Kudos/Accept As solutions.

Re: How to add tooltip to admin form input field Magento2

Yes right, using UI component it is easy to add tooltip.

But i want to add tooltip using default Block Form way

I already try with add 'tooltip' key but it's not working.

Re: How to add tooltip to admin form input field Magento2

Hello,

 

 $fieldset->addField(
'is_expanded',
'select',
[
'name' => 'is_expanded',
'label' => __('Expand'),
'title' => __('Expand'),
'values' => $this->yesNo->toOptionArray(),
]
);

$toolTip = $fieldset->addField(
'tooltip',
'text',
[
'name' => 'tooltip',
'label' => __('Tooltip'),
'title' => __('Tooltip'),
]
);

$toolTip->setRenderer(
$this->getLayout()
->createBlock(\CompanyName\ModuelName\Block\Adminhtml\Form\Renderer\Fieldset\Test::class)
);

And in that block


class Test extends \Magento\Backend\Block\Widget\Form\Renderer\Fieldset\Element
{
/**
* @var string
*/
protected $_template = 'form/renderer/fieldset/multistore.phtml';
}


Hope it will help you.

 

If work then mark as solution.

Re: How to add tooltip to admin form input field Magento2

Hello,

 

$fieldset->addField(
 'is_expanded',
 'select',
 [
 'name' => 'is_expanded',
 'label' => __('Expand'),
 'title' => __('Expand'),
 'values' => $this->yesNo->toOptionArray(),
 ]
 );

 $toolTip = $fieldset->addField(
 'tooltip',
 'text',
 [
 'name' => 'tooltip',
 'label' => __('Tooltip'),
 'title' => __('Tooltip'),
 ]
 );

 $toolTip->setRenderer(
 $this->getLayout()
 ->createBlock(\CompanyName\ModuelName\Block\Adminhtml\Form\Renderer\Fieldset\Test::class)
 );

And in that block


class Test extends \Magento\Backend\Block\Widget\Form\Renderer\Fieldset\Element
{
 /**
 * @var string
 */
 protected $_template = 'form/renderer/fieldset/multistore.phtml';
}

you need to create such a phtml file

Hope it will help you.

 

If work then mark as solution.

Re: How to add tooltip to admin form input field Magento2

@Sunil Patel thanks for your time.

I try this way but it not works for me.

Anyway i found the solution using ->setAfterElementHtml() we can add div and script as per our requirement.

Here is my code

$fieldset->addField('name', 'text', [
        'name' => 'name',
        'label' => __('Name'),
        'title' => __('Name'),
        'required' => true,
    ])->setAfterElementHtml('
        <div class="field-tooltip toggle">
            <span class="field-tooltip-action action-help" tabindex="0" hidden="hidden"></span>
            <div class="field-tooltip-content">
                 <span>Enter Name</span>
            </div>
        </div>
    ');

Note : Need to apply some CSS to adjust position of tooltip where you want to display.