Sticky text in the bottom of the window (not page!)
Author: Tom G.
Visited 1527,
Followers 1,
Shared 0
I would like to put some text that would stick always to the bottom of the window.
Can I get suggestion(s) on how to do it?
Can this be done within WSX5, or do I need own HTML/CSS code?
How?
Posted on the
Youn need own code to achieve that.
Author
That's what I thought, John...
But can someone provide help with that? I have programmed sticky button on the right side of the window which closes that window. It's here.
For some reason I can't get it done for plain text...
Take a look here : https://www.w3schools.com/howto/howto_css_fixed_footer.asp
Instead of .footer you could fix an X5-object.
Author
John, I want something that will "float" in the bottom of the window, not page. As I show in my sample above...
(It > En) ... you could use one of my many well-known DIV_CUSTOMs;...
... for example, see this >> example ... (Ctrl + U)
... if you need clarifications, let me know ...
ciao
.
Author
Yessssss! Thank you KolAsim!
......
Hey KolAsim,
Here with v2019.2.7
Any idea for same result as yours !
I put your code into an HTML object into the page and not into the page properties.
In the page properties the visual is:
... + >> z-index: 12000;
I tried this, but same result:
... in order to evaluate, I should see the LINK ...
... if your problem is that you don't see some div_customs, the problem could be in the levels ...
... to solve it you have to insert the previous code inside the style attribute of all DIVs ...
... or in one go (> /HEAD) with:
<style> #messaggioK1,#messaggioK2,#messaggioK3,#messaggioK4,#messaggioK5 { z-index:12000;} </style>
.
Not working...
My page is not yet published... when I will do I go back to you.
thanks again for your time
Hello Axel
Your z-index is not 12000 but 1200 - maybe the header has a higher index than that. Try with the 12000.
Thanks John,
I had tested too and not works
... no! HTML Code Object ...
... x code HTML div_custom:
>> Step 3 - Map > The Page Properties window | ▪Expert | ▪Custom Code: > ▼ Before closing the BODY tag
> x code <STYLE>:
>> Step 3 - Map > The Page Properties window | ▪Expert | ▪Custom Code: > ▼ Before closing the HEAD tag
... ... when you can, post the LINK ... ...
.
Hey KolAsim... same result as explained before with code into page properties.
Cannot post before 25/09... vacation tomorrow ...
... there should not be any problem...
... maybe something interferes ...
... for now, do the test with the value 200000, because you also have levels on the 100000...
.
200000 !!!!
... ) ) ...
Author
I decided to attach a WSX5 project file, where I (as test before putting it in production) implemented KolAsim’s idea. It looks little different than his example.
I also created a button, which, when clicked on, closes the page. The button is also “floating” in the middle of the right site of the window.
I hope you will like the solution – for which I give credit to KolAsim.
... I can't download and see your work, I'm without a PC, ... but I really appreciate your commitment and interest, and I hope it's useful to other users ... ciao
Author
Here are two images of the project I have attached above:
Opening page:
... and after scrolling down. All object stay as desired.
Nice integration Tom !
Hey KolAsim,
Toms' integration is OK. So no necessary tio investigate more my integration
Thanks for your help
https://wsx5.afsoftware.fr
... OK ... ... ciao a tutti...