Extension: Link Button

[Kharg]

Hello Everyone,


Today I am releasing a new extension: Link Button

This extension enhances EspoCRM by introducing a button field that can store URLs and execute multiple actions, including:

• Open the URL in a new browser tab.
• Displaying the URL content within a popup window.
• Embedding the URL content inside an Espo Modal.
• Integrating EspoCRM-specific links within an Espo Modal for seamless navigation.
• Running an Advanced Pack manual workflow.

Choose Between 17 different button styles:

• default
• primary
• secondary
• success
• danger
• warning
• info
• dark
• light
• outline-primary
• outline-secondary
• outline-success
• outline-danger
• outline-warning
• outline-info
• outline-dark
• outline-light

And between 6 different button sizes:

• btn-sm
• btn-md
• btn-lg
• btn-sm btn-block
• btn-md btn-block
• btn-lg btn-block

After installation visit the entity manager to create a new Link Button field


Download: https://github.com/Kharg/link-button

[ChrisSka83]

Thank you Kharg for this extension.

But please give me a tip on how to set it up correctly with Modal.
If I specify a link, display in modal, then only the named page is displayed in a very small modal.

[Kharg]

Espo modal or normal modal?

For normal modal the website you use in the modal has to support iframe, if iframe is blocked it will not work.

[ChrisSka83]

I'm testing what your extension can do.

If I set it to "Open Modal" in the settings
I enter a URL in the frontend, then a small modal appears


If I set it to "Apri Espo Modal"
With a normal URL, "Error: this is not a valid CRM URL" appears

What is a valid CRM URL then?
e.g. only /#Contact declares it as invalid.

[ChrisSka83]

ok, you have to enter the complete URL with the ID. I understand.

And the other one is really due to the theme.

But I have discovered another small error.
When I set Mode to "Open Modal" or "Open Popup",
Strip activate, then the http or https is removed.
Such links are not opened because this is attached to the CRM URL instead of opening a separate URL.

[ChrisSka83]

it works correctly in "New Tab" mode

[Kharg]

will see if the strip issue can be fixed or disabled for other modes.

[item]

Thanks many Kharg..

i like css style of button

Need to test

[alexisc]

how to start a workflow using a button?

[Kharg]

you have to create a manual workflow and use the manual workflow url in the field

[ChrisSka83]

I also like the option of adding a button to the list view.
This allows you to display the entry in a modal without having to go into the detailed view.
To do this, I simply use a formula to automatically set the link to the button.

[Kharg]

Yes, this was the intended use case

Glad it's helping you

[Kpuc]

I also like the option of adding a button to the list view.
This allows you to display the entry in a modal without having to go into the detailed view.
To do this, I simply use a formula to automatically set the link to the button.

Can you share the formula and steps with us, please?

[ChrisSka83]

It's actually very easy.
Create a button in the desired entity, here as an example "view".
Activate Hide Label & Mode "Open Espo Modal"
Customize the rest according to your wishes.

Enter the following formula under Formulas:
view=string\concatenate('https://Path to espoCRM/#Lead/view/',entity\attribute('id'));

Then simply insert this button in the list layout.
Either after saving an entry or in the list view "Execute formula", the link is then stored in the button.

If there is no link in the button, the button will not appear.
That's it.

[ChrisSka83]

I might have a suggestion for improvement.
If that is desired, of course.
Could it perhaps be programmed so that you could upload your own icons?
The idea behind it:
I just had the idea that you could set this up as a WhatsApp button or something similar for contacts, for example.
It already works without a label, so that only the icon is displayed.
Unfortunately, the icon selection does not include WhatsApp.
What do you think of this idea?

[Kharg]

It’s using the standard fontawesome icons.

Uploading an icon may be tricky, maybe adding an attachment id as icon could be a good workaround.

I’ll think about it

[alexisc]

how to start a workflow using a button?
Харг прокомментировал
[COLOR=#656a6d !important]Вчера, 08:43[/COLOR]
вам необходимо создать рабочий процесс вручную и использовать URL-адрес рабочего процесса вручную в поле

this only works for admin, users cannot start the workflow from the link, error
WARNING: (403) No access to 'Workflow'

[Kharg]

What's the access level you put for your manual workflow?

[Kharg]

ok, I've found the issue, will be fixed soon.

[Kharg]

alexisc version 1.4.0 fixes the issue.

[alexisc]

Thanks a lot!
This is a very useful extension for me, thanks for your work!

[item]

Hi,
i am a noob.. i will test this extension.. OK
i install.. i go to entityManager->Account ... i add the field... i move the new field to layout... i go to layout and i have a input field :s

I missing something

[Kharg]

you need to input a url in the field, based on the mode you selected

[item]

Hi Kharg
can you just give me a sample url ?
i put and i receive not valid :s

[Kharg]

what mode did you select espo modal?

If so put the full url of another record

[item]

See Kharg

[Kharg]

I think this is espo not recognizing localhost as a valid domain, replace localhost with a fake domain but keep everything else, it will take the entity and id from the url

[item]

Yes got it with a fake domain
Thanks Kharg.... will look more

[espcrm]

Awesome!

I'm not creative to think of what idea can I use with this, anyone care to share neat thing they done with this?

[espcrm]

Looking at it briefly and reading this thread. Look like we best to combine it with Formula to be able to view "Contact" linked relationship for example?

Anyway time to post some screenshot. Some option that isn't explained such as Strip, whereas there is an 'i' button for Read-Only option. Anyone know what that is?

[espcrm]

Here is my setting and what it look like:


It blank as there is no URL yet?
Once you add: it become this
With popup option, it will show a new small window, cool!