Hi,
I have a strip that is made of of 3 columns. Two columns contain text (biographies) that can expand by clicking a “show more” button and collapse by clicking a “show less” button. The buttons works fine - the issue is the strip height. In Preview mode the strip is automatically expanded to the maximum height needed to accommodate the full text version. This leaves a large white space under the initial shortened text. The show more/less buttons do work to expand the text within the strip, but the strip remains at the max height and does not shrink when the “show less” button is clicked.
Can code can be added somewhere to set the two heights of the strip needed for the different “show more” and the “show less” heights of the text? Thanks!
Here is the code:
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 = 357;
// read the full text and store it in the fullText variable
fullText = $w(“#text97”).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(“#text97”).text = shortText;
});
export function button4_click(event) {
// check the contents of the text element
if ($w(“#text97”).text === shortText) {
// if currently displaying short text, display the full text
$w(“#text97”).text = fullText;
$w(“#button4”).label = “SHOW LESS”;
} else {
// if currently displaying full text, display the short text
$w(“#text97”).text = shortText;
$w(“#button4”).label = “SHOW MORE”;
}//Add your code for this event here:
}
let fullText2; // variable to hold the full text
let shortText2; // variable to hold the short version of the text
$w.onReady( function (){
// how many characters to include in the shortened version
const shortText2Length = 452;
// read the full text and store it in the fullText variable
fullText2 = $w(“#text100”).text;
// grab the number of characters defined in shortTextLength and store them in the shortText variable
shortText2 = fullText2.substr(0, shortText2Length) + “…”;
// set the contents of the text element to be the short text
$w(“#text100”).text = shortText2;
});
export function button5_click(event) {
// check the contents of the text element
if ($w(“#text100”).text === shortText2) {
// if currently displaying short text, display the full text
$w(“#text100”).text = fullText2;
$w(“#button5”).label = “SHOW LESS”;
} else {
// if currently displaying full text, display the short text
$w(“#text100”).text = shortText2;
$w(“#button5”).label = “SHOW MORE”;
}
//Add your code for this event here:
}