RE: Documentation for move easing?RE: Documentation for move easing?https://portal.smartbuilder.com/c/message_boards/find_recent_posts?p_l_id=2024-03-29T00:45:06Z2024-03-29T00:45:06ZRE: Hotspots override drag-to-scroll gesture on touchscreensNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6051612024-03-12T22:13:55Z2024-03-12T22:07:56ZHi Leon,<br />I think Hotspots are not often used on websites that scroll and are are meant to be viewed on a phone. Usually there's isn't enough room on a phone to tap on what you want without accidentally tapping on the wrong thing.<br /><br />Hotspots in general aren't used on websites often any more outside of elearning. When we have used Hotspots on elearning designed for mobile devices, we have not allowed scrolling (fit to width and height), and/or content designed for a tablet or a phone held in landscape. <br /><br />Mostly on the you see buttons on phone-friendly-websites, which I believe do allow you to scroll even if they're touched.<br /><br />In any case, we'll check to see if we can change this on our end, as you're right - this probably isn't the preferred behavior. The immediate workaround would be to use button objects (with a very transperant fill) instead of Hotspots.Navdeep Dhillon2024-03-12T22:07:56ZRE: Text renders differently in browser, breaks calculated positionNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6046932024-03-08T19:50:42Z2024-03-08T19:42:21ZHi Leon,<br />Unfortunately I suspect this is going to be a tricky one for a fix. Each browser decides how it wants to render text, so you'll see very slight differences in character and line spacing between Safari, Firefox, and Chrome / Edge, and on mobile devices. Sometimes the text and the container line up just right to cause something like this, where a line breaks differently.<br /><br />You can see this in attached image - it's the same website loaded in Firefox and Chrome, and the images are overlayed. Tiny deviations in the character spacing cause lines to break differently. Here the line spacing seems to be the same.<br /><br />The fix for the other issue may resolve this. If we calculate the position of the RB after it's rendered, that might resolve the issue. However, there might be some technical reason that cannot be done. I'll bring it to the dev team's attention.<br /><br />In the meantime the workarounds are the same for any text rendering issue:<br /><ol style="list-style: decimal outside;"><li>In the Properties for the object, change the Text Rendering property to WYSIWYG (<a href="https://doc.smartbuilder.com/sb/app/latest/topic/com.smartbuilder.axon.help/html/Select-device-or-WYSIWYG-text-rendering.html?cp=0_2_3_7">more info here</a>), which will make the text placement exact, but slightly less crisp.</li><li>Make the object a little wider to accommodate fluctuations in the size of the text.</li><li>Force the text onto 2 lines with Ctrl+Enter to add a line break. See attached image.</li></ol>Navdeep Dhillon2024-03-08T19:42:21ZRE: Action to calculate Y-position of radio button is sometimes wrongNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6046332024-03-08T18:30:39Z2024-03-08T18:29:59ZHi Leon,<br />Thanks for bringing this to our attention. I would classify this as a bug, and something we would have to fix. While you're waiting for that, the only workarounds that I can suggest are:<ol style="list-style: decimal outside;"><li>use the top aligment,</li><li>I assume that you're trying to show some feedback icons? I guess you could have multiple icons, place them exactly where you need them, and then show/hide them, rather than move a single icon around,</li><li>use logic to check for a particular selection and then add extra pixels to the value.</li></ol>I think we might be able to get this fix into our next update due out in a couple weeks. I'll keep you posted.Navdeep Dhillon2024-03-08T18:29:59ZRE: Player BarNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6032122024-02-23T18:28:29Z2024-02-23T18:26:50ZHi Sanjyot,<br />Here's a video that I think answers what you're asking - <a href="https://share.smartbuilder.com/public/support/individual/s-audio-player.mp4">https://share.smartbuilder.com/public/support/individual/s-audio-player.mp4<br /></a><br />Source file attached.Navdeep Dhillon2024-02-23T18:26:50ZRE: Quiz reviewNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6023942024-02-15T18:32:04Z2024-02-15T18:31:34ZHi Gavin,<br />I've already emailed you this, but for anyone else watching this thread, here's a messy version of a randomized quiz all on one page. It assumes that every question is a RadioButton or CheckBox, though you could get creative and have a DnD or something on one layer that, when answered correctly, could set the selection on the RadioButton, which is what the logic is paying attention to. It is extremely important that there is only one RB ( or CB ) and one answer text per layer, since the indexes have to match.<br /><br />Feel free to start with it and make any modifications. You could use it for review, back-and-forth navigation, or even keeping track of which questions are incorrect and then only serving those back to the learner.<br /><br />Here's a video on how it works currently - <a href="https://share.smartbuilder.com/public/support/one-page-quiz.mp4">https://share.smartbuilder.com/public/support/one-page-quiz.mp4<br /><br /></a>We'll probably clean it up a little more and release it as a "template" (pre-built functionality without a wizard) in the future.Navdeep Dhillon2024-02-15T18:31:34ZRE: Phone view doesn't scroll to top on page changeNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=6002292024-01-24T18:10:08Z2024-01-24T18:07:57ZHi Leon,<br />Yes, this is expected behavior. There may be times where a page change is invisble to the learner (such as some software simulations or quizzes). We'll see about adding a lesson setting so that this can be configureable. <br /><br />In the meantime, there's a workaround that you can use. <ol style="list-style: decimal outside;"><li>On the Master Page add a text object to the top left corner,</li><li>make the text white, or the same color as your background to "hide" it (<strong>keep Start Visible = true</strong>),</li><li>turn off the Show Focus Ring property on the text object.</li><li>Create an action that says onPageChange > Focus on (text object). The "Focus on" block is under the "Page" category.</li></ol>See attached image. That should force the page to scroll back to the top any time the page is changed.<br /><br />Let us know if that doesn't work for you!Navdeep Dhillon2024-01-24T18:07:57ZRE: How to target a particular layout using onLayoutChangeNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5993362024-01-16T17:24:27Z2024-01-16T17:21:59ZHi Leon,<br />This is possible... sort of. I'm not sure I would recommend it, though. See attached image. Basically, WHEN the layout changes, you can get the name of the new layout. But if the learner starts viewing the lesson in Phone Portrait Layout, then the onLayoutChange Event never happens, right? And onPageChange doesn't pass this same event. So it's not very reliable for this purpose.<br /><br />Instead, I'd recommend 2 separate text objects that have the same text in them, but at your desired sizes, and place the one you don't want off screen (when in Phone-Portrait-Layout have the Phone-Portrait-text on the page, and the Default-Layout-text offscreen, and vice versa).<br /><br />Hope that helps!Navdeep Dhillon2024-01-16T17:21:59ZRE: Multiple fill-in-the-blank questionNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5986062024-01-09T20:27:04Z2024-01-09T20:26:04ZHi,<br />Thanks for asking on the forum - it's a great question!<br /><br />Here's a video that shows how to set up something like this - <a href="https://www.screencast.com/t/Ll9ScDx6">https://www.screencast.com/t/Ll9ScDx6<br /><br /></a>The source file is also attached. Hope that helps!Navdeep Dhillon2024-01-09T20:26:04ZRE: vimeo in youtube objectNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5938342023-11-22T21:27:54Z2023-11-22T21:27:31ZHi Marcel,<br />These are interesting requests, and we'll add them to our enhancement list!<br /><br />We have not seen the first issue you're describing, though, even when we try it ourselves. Would you be able to send us your source file and a screenshot of what you're seeing? It might also be browser / OS dependent, so please let us know what browser and OS you're using to test this.<br /><br />You can email us directly - support at smartbuilder com, and we can dig into that one!<br /><br />Thanks!Navdeep Dhillon2023-11-22T21:27:31ZRE: Bookmarking to include LayersNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5789942023-07-20T15:38:43Z2023-07-20T15:34:54ZHi Rupert,<br />Yes, this is possible! The LMS <strong>bookmark</strong> field is pretty small, so we only store the page number. But we already store (and restore) all the variables in the bigger LMS <strong>suspend_data</strong> field. Usually this happens when the page changes, but you'll want to do it more frequently for your use case (after they view each item).<br /><br />If you're not already tracking item-level completion with variables, you'll need to set up that functionality first (the bulk of the video below). If you <em><strong>are</strong></em> already keeping track of which items have been viewed in variables, then you only need to call the "suspend_variables" global event after updating each variable to make sure its saved after each item is viewed.<br /><br />Video - <a href="https://share.smartbuilder.com/public/support/bookmark-and-suspend-data.mp4">https://share.smartbuilder.com/public/support/bookmark-and-suspend-data.mp4</a><br /><br /><strong>xAPI</strong> and <strong>local storage</strong> are alternative places to "save" data. But if you're using a SCORM-compliant LMS, you can ignore those terms in the video.<br /><br />Sample lesson attached (page 11 has the custom functionality). Hope that helps!<br /><br />- NavNavdeep Dhillon2023-07-20T15:34:54ZRE: JSON integration : Web objectNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5751092023-06-15T17:57:54Z2023-06-15T17:50:47ZHi Sanjyot,<br />As always, the more context we have the better. What are you expecting/wanting the JSON file to do? To my knowledge a JSON file is just a bunch of data. Are you trying to load that data into a SmartBuilder variable, so that you can use action blocks to ask for certain pieces of that data? That is possible, but I don't think that's what you're asking.<br /><br />Are you expecting the JSON file to draw things on the page, or provide some sort of interactivity? I don't think a JSON file on its own can DO anything, it's just a way of formatting/storing data. You would need some sort of JavaScript (or something else) to actually run / make use of that data. Here's a video that basically describes what a JSON file is - <a href="https://www.youtube.com/watch?v=iiADhChRriM&ab_channel=WebDevSimplified">https://www.youtube.com/watch?v=iiADhChRriM&ab_channel=WebDevSimplified</a><br /><br />Without knowing what you're expecting, or where this file comes from (Was it generated from another tool? Are there more output files that were generated as well?), I don't even know how to begin to answer your question!Navdeep Dhillon2023-06-15T17:50:47ZRE: How do you disable a drag objectwhilst a voiceover is running?Navdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5747072023-06-12T16:46:47Z2023-06-12T16:46:16ZHi Ria,<br />Here's how to disable a Drag and Drop while audio is playing (showing a mask and an audio icon while the audio is playing, and then hiding those objects when the audio is finished) - <a href="https://share.smartbuilder.com/public/support/disable-dnd-while-audio-feedback-is-playing.mp4">https://share.smartbuilder.com/public/support/disable-dnd-while-audio-feedback-is-playing.mp4</a><br /><br />Sample file if needed - <a href="https://share.smartbuilder.com/public/support/disable-dnd-while-audio-is-playing.sb4">https://share.smartbuilder.com/public/support/disable-dnd-while-audio-is-playing.sb4</a><br /><br />The same approach should be possible even if you're using one of our templates, you'll just create the mask and these custom actions on a new Action Canvas.Navdeep Dhillon2023-06-12T16:46:16ZDrag and Drop custom feedback iconsNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5720322023-05-19T17:33:59Z2023-05-19T17:32:21ZHere's how to create custom feedback icons for your Drag and Drop interactivity and move those icons to the appropriate object. This example uses For Loops, Tags, and the Config move duration block.<br /><br />This is a follow up from <a href="https://portal.smartbuilder.com/web/smartbuilder/forum/-/message_boards/message/551308#_19_message_552780">this thread</a>, and another question.<br /><br />Video - <a href="https://share.smartbuilder.com/public/support/custom-dnd-fb-icons.mp4">https://share.smartbuilder.com/public/support/custom-dnd-fb-icons.mp4</a><br /><br />Sample lesson - <a href="https://share.smartbuilder.com/public/support/custom-dnd-fb-icons.sb4">https://share.smartbuilder.com/public/support/custom-dnd-fb-icons.sb4</a>Navdeep Dhillon2023-05-19T17:32:21ZRE: Sorting Variables To Find Top 2Navdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5716272023-05-16T16:28:52Z2023-05-16T16:23:00ZHi Bryan,<br />Great question! Yes, it's possible, and creating a bunch of conditions would be a pain. Here's how you can sort a list of values, and then work backwards using a second list of names to figure out the order.<br />Video: <a href="https://share.smartbuilder.com/public/support/sorting-values.mp4">https://share.smartbuilder.com/public/support/sorting-values.mp4</a><br />Sample file: <a href="https://share.smartbuilder.com/public/support/sorting-values2.sb4">https://share.smartbuilder.com/public/support/sorting-values2.sb4</a><br /><br />Since we spoke last, we found out there's already a block that sort of handles this. Check out page 2 of file above. It requires formatting the data in a particular way - a List, and each entry in that List is a Map with two entries - <strong>name</strong> and <strong>count</strong> (those names are arbitrary, they could be <strong>category</strong> and <strong>score</strong>). With this method the logic is much simpler (one action block to sort), but the overhead of putting it in the right format and extracting the data that you need is higher.<br /><br />List of Maps video: <a href="https://share.smartbuilder.com/public/support/sorting-values-part2.mp4">https://share.smartbuilder.com/public/support/sorting-values-part2.mp4</a><br /><br />Let us know if you have any questions!Navdeep Dhillon2023-05-16T16:23:00ZRE: Grey areas in the Window backgroundNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5679272023-04-19T18:42:05Z2023-04-19T18:42:05ZHi Sanjyot,<br />It's hard to say what the best approach is without the delivery environment ready yet. If the delivery environment is strict about the size it gives to the lesson, then you would want to follow that size. But learners almost always have different size screens (more or less toolbars), or resize their browser windows to all sorts of different sizes and shapes, and you'll never really be able to control that.<br /><br />Check out the second half of this video, it shows the different options for scaling:<br /><a href="https://share.smartbuilder.com/public/support/lesson-size-and-scaling.mp4">https://share.smartbuilder.com/public/support/lesson-size-and-scaling.mp4</a><br /><br />You may be interested in the "Scale to Width" option, which will get rid of the blank space on the sides... but if the lesson needs more vertical space, it will create a scrollbar. This is similar to the "pinch to zoom" you mentioned for YouTube - the whole space is filled, but some amount on the top/bottom is cut off (in the case of the lesson, they can scroll up or down to see the rest).<br /><br />Personally, for a use case like this where you don't have really tall pages, I would stay with the settings you currently have (Scale to Width & Height) and make the background dark.Navdeep Dhillon2023-04-19T18:42:05ZRE: Color picker not giving HEX optionNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5678672023-04-19T15:59:09Z2023-04-19T15:58:45ZHi Nicole,<br />That's odd. What OS is this person using (Mac? Windows 11?)? We'll look into it.<br /><br />In the meantime, they can just use a text block and supply the hex code that way (see image).<br /><br />If you really want, you can right click on the text block after entering the hex value and convert it to a color block - <a href="https://www.screencast.com/t/4dyR8Rmv">https://www.screencast.com/t/4dyR8Rmv</a>Navdeep Dhillon2023-04-19T15:58:45ZRE: Grey areas in the Window backgroundNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5676552023-04-18T20:10:22Z2023-04-18T20:07:36ZHi Sanjyot,<br />A couple things to think about:<ol style="list-style: decimal outside;"><li>How is this content going to be launched in the delivery platform? Is it going to be in a popup? Or housed within an IFrame? In either of those cases, the delivery platform (LMS / LRS) can and will control the size of the popup window or the IFrame. This means that there will be no grey areas, just the bounds of the popup window / IFrame. <strong>It might be worth testing it on the delivery platform first.</strong></li><li>Even if #1 above doesn't resolve the issue, what you're asking for (stretching the content to exactly match the available space) will distort the shape of the entire lesson. Circles will become ovals and squares will become rectangles. Text will appear stretched or squashed. Overall, it's not a good idea, will lead to more problems, and also something that you do not see on the internet any more since Flash went away. If you go to YouTube, or any website, you'll see that if the content doesn't exactly match the aspect ratio of the available space, the remaining space is left empty (either black or white or whatever background color makes the most sense) rather than being distorted to fill the space. <strong>I would recommend changing the "window background color" to black since your content is pretty dark, and I guarantee none of your users will think twice about it!</strong></li><li>Regarding a background image, it may be possible to change how that is displayed (right now it does scale, but it also tiles if necessary), but this will take time to implement. However, since you have a complicated background with lots of intricate details, getting them to line up exactly will be very difficult. You also do not see this approach on the internet very often for that same reason. <strong>A better approach is to make that area not noticable by making it a solid dark color.</strong></li></ol>Hope that helps!Navdeep Dhillon2023-04-18T20:07:36ZRE: Customize Bar Chart with own colorsNavdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5661062023-04-05T19:38:38Z2023-04-05T19:38:25ZHi Christos,<br />Unfortunately, this isn't possible - the colors are baked into the chart object and aren't available to CSS customization. Can you send us a screenshot of your chart (either here or email it to support)? Perhaps we can offer a different workaround. If it's not too complicated, you might be able to get away with using a bunch of vertical Percent Gauge objects.Navdeep Dhillon2023-04-05T19:38:25ZRE: Documentation for move easing?Navdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5659182023-04-04T16:19:00Z2023-04-04T16:18:54ZHi Leon,<br />Sure, we'll see if there's a way to add this feature!Navdeep Dhillon2023-04-04T16:18:54ZRE: Documentation for move easing?Navdeep Dhillonhttps://portal.smartbuilder.com/c/message_boards/find_message?p_l_id=&messageId=5653062023-03-30T16:47:15Z2023-03-30T16:46:30ZHi Leon,<br />At the moment, I think there's a bug. Or perhaps this is mislabeled. "move easing" does the same thing as "move duration" (controls the speed of the movement), but <strong>only</strong> for the "layout objects" block (see attached image). Once we've fixed this / changed the label, we'll update the documentation. I believe the original intention was to allow control over the acceleration of the object, and hopefully that is possible.<br /><br />- NavNavdeep Dhillon2023-03-30T16:46:30Z