Inicio › Forums › Desarrolladores / Desenvolupadors / Garatzaileak / Desenvolvedores / Developers › Super-positioning over bottom navigation buttons – bug?
This topic contains 16 respuestas, has 2 voices, and was last updated by Ignacio Gros Hace 4 años, 7 meses.
-
AuthorEntradas
-
17 marzo, 2020 at 9:06 #33289
Good morning,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. 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!Thanks,Ana
Archivos adjuntos:
You must be logged in to view attached files. -
20 marzo, 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: video 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 marzo, 2020 at 7:14 #33332
Thanks for your feedback.
- w*h were already set
- video was already in a paragraph
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.
Archivos adjuntos:
You must be logged in to view attached files. -
26 marzo, 2020 at 10:09 #33343
Hi,
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):
.toggle-idevice{display:none}Or if it’s just for one elp, just paste this in the Properties tab – Footer field:
<script>$exe.iDeviceToggler.init={};</script>We’re in Spain, yes… Thank you very much for your comment. I hope you keep OK with this there.
-
28 marzo, 2020 at 10:02 #33349
Dear Ignacio,I’ve tried the div code you recommended, but it doesnt seem to make a difference. I’ve now sent the elp via WeTransfer – hope you can take a look. Please see the first and last pages.I have a couple more questions but will put them a new topic.Many thanks!
-
29 marzo, 2020 at 10:41 #33356
Hi,
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).
With:
<div style="width:600px;height:450px;overflow:hidden">
In the last page, use:
<p style="width: 600px; height: 450px;overflow:hidden">
Instead ofWe’ll try to fix that problem as soon as possible. Thank you for reporting this!
-
29 marzo, 2020 at 14:23 #33357
Hi,
You can also remove those style tags and try this new _style_js.js file (replace the one in your Style). Please tell me if it doesn’t work. That solution will be in the next eXeLearning version. -
30 marzo, 2020 at 6:48 #33359
Hi Ignacio,Thanks so much for getting back to me. 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?Warm regardsAna Alecia
-
30 marzo, 2020 at 9:07 #33364
Hi,
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 marzo, 2020 at 11:52 #33367
Hi Ignacio,Please note that i am working on a Mac.I have:
- exported the style
- removed it from the style manager library
- unzipped the file
- replaced the .js
- rezipped the file and tried to import it.
Resulting error message: Error while installing style: File content.css does not exist or is not readable.HELP: have i just lost this style completely? How do i recover it? In the meanwhile, before i got your message, i found other instances of the superpositioning. See attached.I tried to alter the code in a way similar to the video pages, but to no effect. I truly appreciate your help!Ana
Archivos adjuntos:
You must be logged in to view attached files. -
30 marzo, 2020 at 13:33 #33372
Ok, i rebuilt my style, for the most part. 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?
-
30 marzo, 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 marzo, 2020 at 21:49 #33376
Terrific – seems to be working! Thanks again.
-
2 abril, 2020 at 10:14 #33409
Good morning!As mentioned, the new style seems to have resolved all the super-positioning issues with the video pages. However, I have not been able to resolve the overlap I cited on 30 March, which occurs when the activity feedback is expanded. I tried to change this to an accordion, but the same thing happens. Please see the screenshots… I’ll send the elp via WeTransfer. I hope you can take a look and let me know what you think.Many thanks for your kind assistance!
-
7 abril, 2020 at 9:23 #33464
Did you solve that? If not, please send us the WeTransfer link again. Export as website, zip the content and send us that (we need the exported content so we can test your Style too). Please tell us the page where we can see the error
-
-
8 abril, 2020 at 18:45 #33493
No… have not been able to solve this yet. I’ve sent the zipped elp file via WeTransfer again.Please see page 10, titled “Vamos praticar”. Navigation button overlap issue happens when Feedback button is expanded.Thanks again!
-
9 abril, 2020 at 7:59 #33501
Please use the attached _style_js.js file. It’s not the perfect solution, but it will work for your Style, as you don’t use any background color in the menu. We’ll try to find a better solution for the next version. I hope it works now.
Notice that you have a missing image in the first “Vamos praticar!” (in “Construção de séries a partir do Livro de Indicadores”).
Archivos adjuntos:
You must be logged in to view attached files.
-
-
AuthorEntradas
You must be logged in to reply to this topic.