Copy text from screen of published module?

Hi,

Thanks for replying. I'm actually trying to allow the users to copy text from the screen of the published module, so they can paste the text while chatting with customers.

I'm creating an expandable decision tree in the form of a flow chart. This will be used by agents during actual contacts.  I want to direct agents down the correct path when taking contacts on a certain big call driver. It's basically one slide with lots of layers.

Since some contacts are via chat, one feature I wanted to include was to have the option of copying what they should tell the customer at that point. Then they could paste into the chat interface they are using with their customer. This would make it easier for agents and allow for consistent messaging at key points int he troubleshooting process.

I think this may be possible using javascript triggers but I'm really confused about it, I can't get any javascript to work...even the javascript examples articulate has on their website.

Ben, why don't you try reposting the question and put JavaScript in the subject? Then, one of the JavaScript gurus (not me for sure!) may take note and respond. Good luck!

Good suggestion. thanks

Hi Ben,

Did you get an answer about this? I'm also trying to allow the learner to be able to copy and paste text from a course.

Thanks!

Alicia

Hi Alicia! 

This thread is a bit dated and I do not see an update or new question tied to Ben, but you are welcome to reach out to him directly via the 'Contact Me' option on his profile.

Hi, I still don't have a  good solution. There are options, but they seem overly complicated and clunky.

I wish user could just select text and copy without having to do multiple clicks and without so much setup on the development side.

Thanks for popping back in to share Ben and feel free to share your thoughts with our development team here.

Hi Ben,

Did you ever come across a good work around? Looking to do the same myself now.

Thanks,
Conan

Hi Conan!

This thread is a bit dated and hopefully Ben is still subscribed. If you do not hear from him soon, I would advise that you reach out to him via the 'Contact Me' option on the user profile.

Ben, or anyone who is reading. I know this thread is a bit dated but I am working on a similar module for agents who are taking call. They need to go to the knowledge base and copy a template (five lines of text) into their CRM screen. Has anyone come up with a solution for this simulation?

Hey Phillip! This thread is a bit dated and I'm not sure that any of the users are still subscribed here. If they are, hopefully they will chime in to assist you here.

Have you considered adding the options that they need to copy in an attachment to the course perhaps?

Hey I know this thread is dated but there doesn't seem to be another option. I need the learners to be able to copy a link to a shared drive from the module screen. I tried adding it as a hyperlink but I don't have the same access as my learners will so I really need it to be accessible for copy and paste.

Hello Nena!

Is it possible for you to provide the link on the screen if the learners can't copy the module screen link?

If you have a file that we can take a look at, we'll provide specific workarounds. You can either attach it to this discussion or upload it to our team using this secure upload link.

Hey everyone 👋

I've got a prototype workaround for enabling selectable text in published Storyline courses.

It involves CSS and JavaScript.

CSS:

svg text,
svg text * {
  user-select: text;
}

JavaScript:

Code to remove the "uneventable" class from all parents of SVG "g" elements with the class of "vector-text-item".

Happy to post the JavaScript if anyone's interested.

Hey Josh, I would love to see the script you came up with.

Hey Phil,

The Script has to regularly poll the DOM and iterate over the SVG text elements.

It's not perfect, hence being a prototype, but it solves a problem I have.

var a11y = {
  intervalId: null,
  toUnlock: [],
  pollForSVGTextElements: function() {
    var textEls = document.querySelectorAll('svg g.vector-text-item');
    a11y.toUnlock = [];
    var textElParent = null;
    textEls.forEach((textEl) => {
      textElParent = textEl.parentElement;
      if (textElParent.classList.contains('uneventable')) {
        a11y.toUnlock.push(textElParent);
      }
    });
    a11y.removeClass();
  },
  removeClass: function() {
    a11y.toUnlock.forEach((lockedEl) => {
      lockedEl.classList.remove('uneventable');
    });
  },
  init: function() {
    a11y.intervalId = setInterval(function() {
      a11y.pollForSVGTextElements();
    }, 1000);
  }
}
a11y.init();

Thanks for sharing.

Hi Josh,

I'm interested in trying out your solution for this, but don't know where to begin.

Can you please tell me where the CSS and JS need to go?

For example, once I export the slides I need, which file (or files) do I need to open to insert the code? Is there a specific spot inside the file that the code needs to be added to?

Hey Bogdan 👋

Sorry for the late reply. I don't seem to be getting alerts.

You need to publish the slides as either "web" or "LMS".

Both the CSS and JS go in the published story.html file for "web" publish or the index_lms.html file for "LMS" publish.

Place the CSS within an existing STYLE element in the HEAD element of the HTML file:

<head>
...
<style>
html, body { height: 100%; padding: 0; margin: 0 }
#app { height: 100%; width: 100%; }

-->> add CSS here <<--

</style>
...
</head>

And add the JS in a new SCRIPT tag before the closing BODY tag:

...
<link rel="stylesheet" href="html5/data/css/output.min.css" data-noprefix/>

<script>
-->> add JS here <<--
</script>
</body>

This is a post-publish hack so you'll need to make the above changes every time you make a change to the .story file.

Hello Josh,

I'm curious, did you get this method to work within a published story.html file within an LMS, e.g. Blackboard Learn,  or on a website?

Thank you for sharing this with the community.

Hi Josh,

I just tried it and IT WORKS ! 

Thank you so much for the clear explanation and follow-up.

I just now saw your reply because I don't seem to be getting notifications either, but I really appreciate you replying.

This is such an elegant solution. And it helps save so much time.

Hi, 

I got this to work on the web version but not the LMS. Any tips?

Hey Heather 👋

Yes, this method has worked for modules on LMS's. But...

I have since learned that my hack must go into the index_lms.html file if the Storyline module is published for "LMS". I have updated my previous post.

"LMS" publish uses index_lms.html.

"Web" publish uses story.html.

I believe that sometime in the past both "LMS" and "Web" publishes used the story.html file.

Hey Darlene 👋

I have updated my method as the way Storyline publishes for LMS appears to have changed.

You only change is to add the code to the index_lms.html file for an LMS publish. That will work.