HTML5 Block Link - ActionsForge

Versions

HTML5_Block_Link.fwaction (2016-01-25) (Downloaded 181 times)

Contains:

HTML5 Block Link (item-action) - v. 0.2.3

Compatible: Pro 5.5, Pro 6, and Pro 7

HTML5_Block_Link.fwaction (2014-05-16) (Downloaded 153 times)

Contains:

HTML5 Block Link (item-action) - v. 0.2.1

Compatible: Pro 6

Author: Walter Davis

html 5

Apply a link directly to an HTML item in Freeway 6. The HTML5 specification allows you to wrap an HTML item with a link, like this:

<a href="example.html">
  <div id="item42">
    <p>Some content here.</p>
  </div>
</a>

Apply this Action to the HTML item, and set the link and any extra attributes for the link using the Actions palette interface.

12 Comments

Simon Clay 10 Mar 2014, 08:45

At last. Thank you Walter.

Walter Davis 16 May 2014, 11:58

Just pushed an update that works around an apparent Actions API bug. Links to pages in folders are now possible.

Justin Easthall 4 Jun 2014, 19:12

Can we get this to work with Anchor links too?

Walter Davis 4 Jun 2014, 19:15

How are you making the anchor link? This should just work, no matter what you put in the URL field.

Justin Easthall 4 Jun 2014, 19:21

just through the pop ups - select other, then internal etc through the action window - it goes to the webpage but no the anchor link which is further down - click icons on my homepage - they should go to each relevant anchor on the linking page but dont

Walter Davis 4 Jun 2014, 19:40

Try adding the link manually. Note the ID of the element you wish to link to, then enter that as #theID in the URL field, with nothing else around it. So if your element had the Name/ID field set to details in the Inspector, you would click on the External tab, and type precisely #details in the URL field and okay out of the Hyperlink dialog.

Justin Easthall 4 Jun 2014, 19:47

Yep that worked… the Pop way does not - a little note to all

Riccardo Sala 7 Mar 2016, 16:34

Hi Walter

it is possible to add also a "rel" field into your action?

For example is useful when we build a photogallery like fancybox.

Thanks a lot!

John Cooper 24 May 2016, 03:14

I'm not where this type of link would be requires? Could you give an example of its use?

David McCallum 24 May 2016, 06:50

Typically in FW you cannot apply a link to an HTML container only text or graphics within it.

This action allows you to apply a link to the entire item.

John Cooper 24 May 2016, 13:04

Yes, I know. I was wondering in what circumstances would one need to apply a link to the whole html item, rather than to text of graphics. I was looking for an example of that.

Moreover, would a user expect a HTML block to be clickable, and how would one know without mousing over it?

David McCallum 24 May 2016, 18:00

Not need - want.

Mainly for styling purposes or creating html item link.

Here is a quick example - http://www.deltadesign.co/FW7Test/block-link.html

Would you know without mousing over - entirely up to you if you want an item with a link to be styled differently. Only text links with default browser styling are obvious without mousing over.

Actions are all about enhancements - there are no actions that cannot be replaced with code, they just make it easier for the user to apply.