Super-positioning over bottom navigation buttons – bug?

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.

  • Author
    Entradas
  • #33289

    inhambana
    Member

    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.
  • #33318

    Ignacio Gros
    Keymaster

    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.

  • #33332

    inhambana
    Member

    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.
  • #33343

    Ignacio Gros
    Keymaster

    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.

  • #33349

    inhambana
    Member

    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! 

  • #33356

    Ignacio Gros
    Keymaster

    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 of

    We’ll try to fix that problem as soon as possible. Thank you for reporting this!

  • #33357

    Ignacio Gros
    Keymaster

    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.

  • #33359

    inhambana
    Member

    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

  • #33364

    Ignacio Gros
    Keymaster

    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?

  • #33367

    inhambana
    Member

    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.
  • #33372

    inhambana
    Member

    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?

    • #33373

      Ignacio Gros
      Keymaster

      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!

  • #33376

    inhambana
    Member

    Terrific – seems to be working! Thanks again.

  • #33409

    inhambana
    Member

    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!

    • #33464

      Ignacio Gros
      Keymaster

      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

  • #33493

    inhambana
    Member

    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!

    • #33501

      Ignacio Gros
      Keymaster

      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.

You must be logged in to reply to this topic.

Skip to content