Highlighted

Lightbox in the text.

New Here ,
Dec 05, 2017

Copy link to clipboard

Copied

How do I insert a lightbox into text that is aligned to the width?

It should happen that in the screenshot below, but when you click on the image, it should increase.

ph.PNG

This is quite tricky, but doable – to a certain extend at least.

Have a look at this sample .muse file: https://www.dropbox.com/s/ztumbyot0jin15q/Text.Popup_2.muse?dl=0

You’ll find a text frame with 4 integrated links:

Two alert boxes (one triggered by text, one triggered by an image)

Two different composition light boxes.

The alert box solution:

  • Select text or an inline image and enter into the „Hyperlinks“ field in Muse’s upper control strip:
  • Select a word/some words of your text or an image, which is pasted inline.
  • Open the „Hyperlinks“ menu in Muse’s upper control bar and fill in:

javascript:alert("I am an alert box!");

You may refine this approach by using parameters like

\n“ for line break:

javascript:alert("I am an alert box!\nDo you believe?");

The composition solution:

  • Use a composition widget with one sheet configured as a light box.
  • Deselect „Show widget parts while editing“.
  • Copy this widget into a text frame and copy this text frame into your final text frame.
  • Position it by dragging it vertically into place.

Just try and ask, if there are any questions!

Views

190

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Lightbox in the text.

New Here ,
Dec 05, 2017

Copy link to clipboard

Copied

How do I insert a lightbox into text that is aligned to the width?

It should happen that in the screenshot below, but when you click on the image, it should increase.

ph.PNG

This is quite tricky, but doable – to a certain extend at least.

Have a look at this sample .muse file: https://www.dropbox.com/s/ztumbyot0jin15q/Text.Popup_2.muse?dl=0

You’ll find a text frame with 4 integrated links:

Two alert boxes (one triggered by text, one triggered by an image)

Two different composition light boxes.

The alert box solution:

  • Select text or an inline image and enter into the „Hyperlinks“ field in Muse’s upper control strip:
  • Select a word/some words of your text or an image, which is pasted inline.
  • Open the „Hyperlinks“ menu in Muse’s upper control bar and fill in:

javascript:alert("I am an alert box!");

You may refine this approach by using parameters like

\n“ for line break:

javascript:alert("I am an alert box!\nDo you believe?");

The composition solution:

  • Use a composition widget with one sheet configured as a light box.
  • Deselect „Show widget parts while editing“.
  • Copy this widget into a text frame and copy this text frame into your final text frame.
  • Position it by dragging it vertically into place.

Just try and ask, if there are any questions!

Views

191

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 05, 2017 0
LEGEND ,
Dec 05, 2017

Copy link to clipboard

Copied

This is quite tricky, but doable – to a certain extend at least.

Have a look at this sample .muse file: https://www.dropbox.com/s/ztumbyot0jin15q/Text.Popup_2.muse?dl=0

You’ll find a text frame with 4 integrated links:

Two alert boxes (one triggered by text, one triggered by an image)

Two different composition light boxes.

The alert box solution:

  • Select text or an inline image and enter into the „Hyperlinks“ field in Muse’s upper control strip:
  • Select a word/some words of your text or an image, which is pasted inline.
  • Open the „Hyperlinks“ menu in Muse’s upper control bar and fill in:

javascript:alert("I am an alert box!");

You may refine this approach by using parameters like

\n“ for line break:

javascript:alert("I am an alert box!\nDo you believe?");

The composition solution:

  • Use a composition widget with one sheet configured as a light box.
  • Deselect „Show widget parts while editing“.
  • Copy this widget into a text frame and copy this text frame into your final text frame.
  • Position it by dragging it vertically into place.

Just try and ask, if there are any questions!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 05, 2017 0