Forum Academy Marketplace Showcase Pricing Features

Change HTML on group element Hover

I have a custom HTML code that is being used for my scroll bars because I want to hide them until the user wishes to scroll.

What I can’t figure out is how to make it so that the scroll bar appears when the user hovers a group element. Right now everything works for the scroll bar to appear when the scroll bar itself is hovered.

I’d like to find a way to basically change the html header when the group element is hovered, which would enable me to create a second custom html for the header which would have the scroll bar shown.

Anybody know how to change the page header html on hover of a group element?

You can use html element with conditional formatted as text to display whatever html code you want.

I am trying to change the page html header, not an html element on the page

I understand that, you cant have conditional html header, use a html element for your scroll style.

Thank you so much for pointing this out to me…that actually solves the other issue I thought was a bug…I just forgot that I had used an html element for the scroll and also put it into the page html header…got it now, thanks for the help

1 Like

@Taiheta

I got the functionality I want based on changing the html ( the scroll style ) based on the hover of a cell in a R.G.

I am curious if you know how to set the html to target the scroll bar of a specific element instead of all elements on the page, including the page itself.

The reason for this is two sided.

  1. When the scroll style changes, such as having a larger px, the page elements get pushed over because the scrollbar on the page is changing in size. This is a bit annoying as I am not sure exactly how the scroll bar affects my design layout and margins etc.

  2. Overall I really only want to affect the scroll bar of a repeating group and not the entire page, and therefore the pages scroll bar.

I could just set the html style to have the same size with the scroll bar color set to transparent so it doesn’t affect layout and spacing, but just hoping to find a way to get more control over scrollbars.

Cheers

Idk never tried it, I prefer to remove scroll bars everywhere. In most scenarios the page or rg conent overflows so its clear there is more to see when scrolled.

Hey,

What was this? I will try to figure out tomorrow how to have my css darkmode in an html element be fired on conditions since it loads it straight away…

On Chrome there is a switch that adds style to the page but how to have it switch on and off with this html element?!

Use the formatted as text operator to create a single dynamic expression that acts as a conditional. When you format as text you get an input for yes value and input for no value.

1 Like

I display it as an iFrame, on condition toogle darkmode I remove display as an iFrame then when toggle back lightmode I do refresh the page to remove it because it stays otherwise.

I don’t get the formatted as text. Where should I put it to prevent the HTML style to fire on page load…

OK… Html empty on page load then on condition yes I place the content in the HTML…

Thanks

Put the formatted as text directly in the HTML element, no conditionals tab needed as the formatted as text acts as a built in condition

I still don’t know how but really empty html with condition with the style does well!

Screen Shot 2021-12-13 at 10.27.10 PM
Screen Shot 2021-12-13 at 10.27.19 PM
Screen Shot 2021-12-13 at 10.27.27 PM

Interesting I’ll have a look! Thanks :+1: