Super-positioning over bottom navigation buttons – bug?
Home › Forums › Desarrolladores / Desenvolupadors / Garatzaileak / Desenvolvedores / Developers › Super-positioning over bottom navigation buttons – bug?
17 March, 2020 at 9:06 #33289
<p>Good morning,</p><p>I’m running into a problem with the content of text boxes overlapping bottom navigation buttons. This ONLY seems to happen with text boxes where I’ve placed a video player and there is no other text content. Where a video (same dimensions: 600x450px) is sandwiched with other text, this does not occur. Please see attached screen shot. </p><p>I am happy to eliminate the bottom navigation buttons entirely, if that is the easiest solution and someone can point me to how to edit the relevant .css. Any other solution also welcome!</p><p>Thanks,</p><p>Ana</p>
20 March, 2020 at 12:10 #33318
Please check the video width and height, and set them if they’re empty.
Make sure that the video’s in a paragraph: <p>video</p> Go to Tools – Edit source code (in the editor) for that. div instead of p should work too.
It it doesn’t work, please provide a link or the elp.
25 March, 2020 at 7:14 #33332
<p>Thanks for your feedback. </p>
- w*h were already set
- video was already in a paragraph
<p>However, in the process of trying to send the .elp (reducing file size by deleting pages), I’ve created an inconsistency that may indicate where the problem is coming from. My current guess is that issue is related somehow to the length of the navigation menu and window w*h settings. Please see the attached screenshots. The “original” are from my original file (you’ll note the longer menu); the “short menu” – now without the overlap problem – are from the file with fewer pages. Any ideas? OTHER QUESTION: can you advise on how to eliminate the “collapse” buttons that hide/show iDevices? I do not want users to be able to (accidentally) hide content. I’d appreciate your help very much. PS. Assuming you are in Spain… I have been following the news here in southern African and I hope things are okay with you and your family.</p>
26 March, 2020 at 10:09 #33343
I can’t reproduce the height problem. Please try this:
Wrap the video in a DIV with the same dimensions: <div style=”width:600px;height:400px”>Your video</div>
That will be a provisional solution. To find what the problem is we’ll need an elp with the video and your Style. You can export as zipped website an provide a download link, for example. If you don’t want to publish it here, you can send it to the email address at the bottom of the page.
To hide the Hide/Show iDevice button you can paste this in the Advanced tab of the Style Designer (or at the end of your content.css file):
Or if it’s just for one elp, just paste this in the Properties tab – Footer field:
We’re in Spain, yes… Thank you very much for your comment. I hope you keep OK with this there.
28 March, 2020 at 10:02 #33349
<p>Dear Ignacio,</p><p>I’ve tried the div code you recommended, but it doesnt seem to make a difference. </p><p>I’ve now sent the elp via WeTransfer – hope you can take a look. Please see the first and last pages.</p><p>I have a couple more questions but will put them a new topic.</p><p>Many thanks!</p><p> </p>
29 March, 2020 at 10:41 #33356
Edit the HTML code (Tools – Edit source code) and replace this:
<div style="”width: 600px; height: 400px”;">(there are too many ” and the height should be 450).
In the last page, use:
<p style="width: 600px; height: 450px;overflow:hidden">
We’ll try to fix that problem as soon as possible. Thank you for reporting this!
29 March, 2020 at 14:23 #33357
30 March, 2020 at 6:48 #33359
<p>Hi Ignacio,</p><p>Thanks so much for getting back to me. </p><p>The style tag worked perfectly but the new .js file doesn’t seem to make a difference. I installed it in Resources/exe/style/base, over the existing file of the same name. Is that correct?</p><p>Warm regards</p><p>Ana Alecia</p>
30 March, 2020 at 9:07 #33364
You have to overwrite your Style’s js file instead of Base’s. Or overwrite Base’s and then create a new Style.
You can do this:
– Export your Style.
– Put the JS file in the zip file.
– Remove your Style from eXe.
– Import if again (with the new JS).
Use Advanced mode – Styles – Style manager to import/export.
I hope it works. Does it?
30 March, 2020 at 11:52 #33367
<p>Hi Ignacio,</p><p>Please note that i am working on a Mac.</p><p>I have:</p>
- exported the style
- removed it from the style manager library
- unzipped the file
- replaced the .js
- rezipped the file and tried to import it.
<p>Resulting error message: Error while installing style: File content.css does not exist or is not readable.</p><p>HELP: have i just lost this style completely? How do i recover it?</p><p> </p><p>In the meanwhile, before i got your message, i found other instances of the superpositioning. See attached.</p><p>I tried to alter the code in a way similar to the video pages, but to no effect. </p><p>I truly appreciate your help!</p><p>Ana</p>
30 March, 2020 at 13:33 #33372
<p>Ok, i rebuilt my style, for the most part. </p><p>Can you advise to any workaround for the style/js issue? do i need to be working on a PC for the imported file to be accepted?</p>
30 March, 2020 at 14:58 #33373
The Styles are in two places: The “style” folder in the directory where eXe’s installed and /Users/YourUserName/.exe/style. The custom Styles should be in the second one.
Overwriting Base’s JS file and creating a new Style should work.
You can’t import a Style if it has folders in it: eXe looks for the required files (like content.css) in the root folder of the zip file, and if the zip file has a folder in it, and the files are there, it won’t work.
I hope that you could fix it anyway. Thanks again for reporting that issue!
30 March, 2020 at 21:49 #33376
<p>Terrific – seems to be working! Thanks again.</p>
You must be logged in to reply to this topic.