Adding "show more" buttons under text. Hello, I have successfully added the button, but when I view the published page there is a huge gap on my MacBook (Apple), but on a Windows computer the button is properly placed. Any ideas on how to fix this? Photos below of the screen shot on my Mac, with the gap, then on a Windows computer without the gap. Please help :)
The code is:
let fullText; // variable to hold the full text let shortText; // variable to hold the short version of the text $w.onReady(function (){ // how many characters to include in the shortened version const shortTextLength = 450; // read the full text and store it in the fullText variable fullText = $w("#text5").text; // grab the number of characters defined in shortTextLength and store them in the shortText variable shortText = fullText.substr(0, shortTextLength) + "..."; // set the contents of the text element to be the short text $w("#text5").text = shortText; }); export function button1_click(event) { // check the contents of the text element if ($w("#text5").text === shortText) { // if currently displaying short text, display the full text $w("#text5").text = fullText; $w("#button1").label = "Show less"; } else { // if currently displaying full text, display the short text $w("#text5").text = shortText; $w("#button1").label = "Show more"; } }