textlinks

Text Links

Learn how to update text links within your site.

Tips


Instructions

Update the text links

In this tutorial, we’ll demonstrate how to update the text links in the header of the page. This tutorial is basically requires knowing only 2 of the skillsets listed in our ‘Tips’ section.

Using the Hyperlink Properties panel to update the text name and link itself.

Updating the fontawesome icon to match your new link name.

The ‘textlinks’ component uses regular text links, with the addition of the ‘font awesome’ icons. Click here to learn how to update the fontawesome icons.

Video Demonstration ( skip the reading, just watch and learn! )

http://youtu.be/L2Z3q7WSPxE

Change a link / button name

  1. Expand the Library >> shared folder, then open the ‘textlinks’ Library page
  2. Select the link with your mouse
  3. Right click, select Hyperlink Properties
  4. type in a new name into the [ Text to display: ] field
  5. Scroll through your pages and select a new page to link to

To add a link

It’s best to do this through ‘Code’ view, that way you can copy the <icon> tag as well.

  1. Switch to code view
  2. Select an existing line ( 2nd or 3rd as they have the margin-left-20 included )
  3. Ctrl+C to copy ( or right click, select Copy )
  4. place your cursor where you can to paste the new link
  5. and paste (Ctrl+V)
  6. update the “icon-name” while still in code view
  7. Switch to Design view
  8. Right click on the copied text, select Hyperlink Properties
  9. update the [ Text to display: ]
  10. Scroll through the pages, and link to a new page

Update the text links

In this tutorial, we’ll demonstrate how to update the text links in the header of the page. This tutorial is basically requires knowing only 2 of the skillsets listed in our ‘Tips’ section.

Using the Hyperlink Properties panel to update the text name and link itself.

Updating the fontawesome icon to match your new link name.

The ‘textlinks’ component uses regular text links, with the addition of the ‘font awesome’ icons. Click here to learn how to update the fontawesome icons.

Video Demonstration ( skip the reading, just watch and learn! )

http://youtu.be/ODjYnXjuZQw

Change a link / button name

  1. Expand the Library >> shared folder, then open the ‘textlinks’ Library page.
  2. Select the link with your mouse.
  3. Type in a new name.
  4. To link the text, just keep it selected in the page.
  5. Go to the Properties Panel ( Ctrl+F3 ).
  6. Click the ‘Point to File’ to, and drag onto a new page in the ‘Local Files’ panel.

To add a link

It’s best to do this through ‘Code’ view, that way you can copy the <icon> tag as well.

  1. Switch to code view.
  2. Select an existing line ( 2nd or 3rd as they have the margin-left-20 included )
  3. Ctrl+C to copy ( or right click, select Copy )
  4. Place your cursor where you can to paste the new link.
  5. And paste (Ctrl+V).
  6. Update the “icon-name” while still in code view
  7. Switch to Design view.
  8. Select the copied text
  9. Type a new name.
  10. And with the new text still selected, click the ‘Point to File’ tool on the Properties Panel ( Ctrl+F3 ).
  11. And drag the Point to File tool and drop it onto the page you want to link to, located in the Local Files panel.