Magento – Magento 2 : Add link in Admin UI form

adminformmagento-2.1uicomponent

I want to have a downloadable link in my admin form. I want to fetch file name from my table and file is located under Magento_Root/pub/media/ directory.
Note: this form is being used for just edit few fields (mainly informative)

Best Answer

in ui_form.xml

<field name="custom_link" sortOrder="20" formElement="input">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="source" xsi:type="string">custom_test</item>
            <item name="elementTmpl" xsi:type="string">Vendor_Module/input.html</item>
        </item>
    </argument>
    <settings>
        <dataType>text</dataType>
        <label translate="true">Custom Url</label>
        <dataScope>my_url</dataScope>
    </settings>
</field>

note following things:

(custom_link) field ID

(elementTmpl) template path

(my_url) dynamic value will set in Data Provider

in app/code/Vendor/Module/view/adminhtml/web/template/input.html

<a data-bind="attr: {href : value}">My Link</a>

In DataProvider.php

foreach ($items as $item) {
    $this->loadedData[$item->getId()] = $item->getData();
    $this->loadedData[$item->getId()]['my_url'] = "https://my_custom_link.com";
}

Replace my_custom_link with your link

You can see the output in the screenshot

Related Solutions

Magento – enctype => ‘multipart/form-data’ not working

Try to use the image upload field when wanting to save images:

$fieldset->addField(
            "image", "image", array(
                "label"    => Mage::helper("tag")->__("Image"),
                "class"    => "required-entry",
                "required" => true,
                "name"     => "image",
            )
        );

If you look at /lib/Varien/Data/Form/Element/File.php it sets the EXT type as file but if you use the image element '/lib/Varien/Data/Form/Element/Image.php` it doesn't set the file extension. It also adds some markup to preview and delete the image from the admin form.

Magento – How to manage admin form via template in Magento2

I guess you are doing something wrong. You are rendering admin form using the custom template by calling
$this->setTemplate('myphtml.phtml');

and you are passing form data to $form->setValues($model->getData());. Magento will auto populate the form fields only if it renderes through the _prepareForm() block method.

If you would like to populate the form fields values in your custom template. Add a new method to this block class which returns the current form data object/array and calls it in your template to set values in respective form fields.

Best Answer

Related Solutions

Magento – enctype => ‘multipart/form-data’ not working

Magento – How to manage admin form via template in Magento2

Related Topic