Super-positioning over bottom navigation buttons – bug?

Home Forums Desarrolladores / Desenvolupadors / Garatzaileak / Desenvolvedores / Developers Super-positioning over bottom navigation buttons – bug?

This topic contains 12 replies, has 2 voices, and was last updated by  inhambana 1 day, 9 hours ago.

  • Author
    Posts
  • #33289

    inhambana
    Member

    <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>

    Attachments:
    You must be logged in to view attached files.
  • #33318

    Ignacio Gros
    Member

    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.

  • #33332

    inhambana
    Member

    <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>

    Attachments:
    You must be logged in to view attached files.
  • #33343

    Ignacio Gros
    Member

    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

    <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>

  • #33356

    Ignacio Gros
    Member

    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 <p>

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

  • #33357

    Ignacio Gros
    Member

    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

    <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>

  • #33364

    Ignacio Gros
    Member

    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

    <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>

    Attachments:
    You must be logged in to view attached files.
  • #33372

    inhambana
    Member

    <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>

    • #33373

      Ignacio Gros
      Member

      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

    <p>Terrific – seems to be working! Thanks again.</p>

You must be logged in to reply to this topic.