Forum Discussion
Numerically (px/%) configure corner radius on rounded corner shapes
Hi, everyone!
I have some great news to share! We just released another update for Storyline 360. In Update 100, we have included essential fixes and new features. One of the new features we’ve included is:
- Corner Radius Formatting. Keep your course design consistent by defining precise values for rounded corners.
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You’ll find our step-by-step instructions here!
If anybody is interested in having a play with this, it might be useful for standardising border radius on elements within Storyline. This was an experiment just to see if it was possible to do. It is a run time solution. The most significant issue to overcome is targeting. Currently, we don't have a way of adding a "class" to elements on the slide so that we can target an individual element or group of elements with JavaScript.
https://community.articulate.com/discussions/javascriptforum-board/dynamic-border-radius-experiment/1213032
You can add a class by using javascript.
Yeah, I just meant without JS, in terms of adding a class to an element so you can target the element with JS.
If you use JS to do things in Storyline why not add a class with JS too ;)
No. How would you be able add the class to the specific objects on the slide without first having a common identifier. For example, I have 8 objects on the slide, 4 of which I'd like to target with JS. If was building using HTML i'd just add a data attribute or class to the 4 common objects. I would then target those objects with JS using the data attribute or class as the selector.
If I was to add the class using JS, we have the problem I want to over come, how do I find and apply the class to the 4 objects I want to, out of the 8?
I'll tell you how, by adding a common class to the 4 common objects in the author environment (not possible). This is the problem to overcome. ;)