Expand and collapse strip

Ask the community
,
1

I have a button with property name submitstrategies
This button is above the strip.

I have a button inside the strip with property name closestrategies
This button is inside the strip.

When someone clicks on the top button I want the strip to expand and fade-in, and when they click on the button in the strip I want it to collapse back in hidden.

export function submitstrategies_click(event, $w) {
	$w("#strategiespanel").expand();
	$w("#strategiespanel").show("FadeIn");
}
export function closestrategies_click(event, $w) {
	$w("#strategiespanel").collapse();
	$w("#strategiespanel").hide("FadeOut"); 
}

  1. The page with the strip has a ‘white space’ where the strip area is, but I set the strip properties to both hidden and collapsed on load, so shouldn’t this space be gone?

  2. the code isn’t working, it’s not doing anything.

Any help?

2

Any suggestions?

3

I am having the same issue. Did you ever resolve the problem on your own?

4

Hi ghcc,

I think there is a fuller post somewhere about the solution, I can’t find it but the code eventually is:

export function submitstrategies_click(event, $w) {
    $w("#strategiespanel").expand();
    $w("#strategiespanel").show("FadeIn");
}
export function closestrategies_click(event, $w) {
    $w("#strategiespanel").collapse();
    $w("#strategiespanel").hide("FadeOut");
}
export function closetools_click(event, $w) {
    $w("#toolspanel").collapse();
    $w("#toolspanel").hide("FadeOut");
}
export function submittools_click(event, $w) {
    $w("#toolspanel").expand();
    $w("#toolspanel").show("FadeIn");
}

Some of the issues derive from the NAMES OF THE ELEMENTS on the page, so make sure you’ve got that correct, so the button to close the section needs to be “closestrategies” for example here.

Should work.

5

Hi Yafim,

Thanks for your response! I think my code is right in that the collapsed content shows when you click “show more,” it’s just that where the strip should be collapsed there is a huge blank chunk through which the background shows through:

https://www.hellscanyon.org/our-history password:history

Here is my code for the strip to expand. (I’m not going to bother with collapsing it on click again for now.) It is collapsed on page load:

export function showMoreText_click(event, $w) {
$w(‘#stripMoreWins’).expand()
$w(‘#stripMoreWins’).show(“fade”, fadeEffectOptions
)
//Add your code for this event here:
}

6

In my case it was the 70px spacing limitation between elements. Probably you have a larger than 70px spacing where your gap occurs.

Look here for more info, it’s the original post:

7

Thank you. I don’t think I have any gaps over 70px–each of my strips is nestled up to the strip above it.

Interestingly, I tried adding a small strip directly below the element I want to collapse and expand. (It is the light green strip–live now.) It moves and behaves as usual. It’s just the footer that isn’t moving up.

8

SOLVED–following through links that were in your original thread (and onward)—the issue was resolved by double clicking the handle for the footer. I have no idea why just dragging it up to meet the strip above it wasn’t doing the same thing. But double clicking fixed it for me. Thanks again for your help, Yafim!