Problem with the display of icons

Home Forums Legacy Support Support queries Styling issues Problem with the display of icons

Tagged: 

Viewing 15 posts - 1 through 15 (of 40 total)
  • Author
    Posts
  • #345908
    Usapuka
    Spectator
    Hello, I have noticed that when I enable BP sigle page, on the PC I no longer see the icons of the Elementor pages. By disabling BP single page I can see the icons of the Elementor pages on the PC again. By enabling the Services Workers (PWA), the mobile phone does not show the Elementor icons as well as the icons in the courses made in H5P and SCORM packages (https://prnt.sc/10jpsbo). If I disable the Services Workers, although the icons are visible again on the mobile phone, the visualisation of the courses is almost impossible. Keeping the Services Workers, I tried to pre-cache the URL of the folder of an icon (https://elearning.tecnobiz.com.ar/wp-content/uploads/h5p//libraries/FontAwesome-4.5/) and it didn't work (https://prnt.sc/10jpu4k). I also find that fetching and pre-caching each icon folder URL for each SCORM and H5P course package is a very cumbersome job (if it would work). Is there a simple way to use the Services Workers (PWA) and display all the icons on mobile phones? Thanks, regards.
    #346038
    Diana
    Participant
    Please check this tip: https://docs.wplms.io/admin-guide-faqs#elementor-and-other-icons-go-missing-when-pwa-enabled
    #346203
    Usapuka
    Spectator
    Hi Diana, I have opened this item after having raised the icon issue here: https://wplms.io/support/forums/topic/visual-problems-on-smartphones/. I have already followed these tips: https://docs.wplms.io/admin-guide-faqs#elementor-and-other-icons-go-missing-when-pwa-enabled. In addition to placing the URL for the H5P course icon I have placed in pre-cache the URL https://elearning.tecnobiz.com.ar/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/ corresponding to these Elementor icons https://prnt.sc/10mf8lu. Neither for H5P or Elementor the pre-cache makes the icons to be seen. On the other hand I still think that if for each Elementor icon and the icons of H5p / SCORM courses you have to load the URL of the folder that contains them, is something very laborious. Is not there an easier solution and that really works? Regards,
    #346351
    Diana
    Participant
    This reply has been marked as private.
    #346518
    Usapuka
    Spectator
    Hi Diana, Thank you for your help. I have added another Elementor icon with no problem. Where I can't get the icons to show is the course SCORM Unit https://elearning.tecnobiz.com.ar/course/tipo-de-material/. How can it be done in this case? Regards
    #346655
    Diana
    Participant
    This reply has been marked as private.
    #346796
    Usapuka
    Spectator
    This reply has been marked as private.
    #346975
    Diana
    Participant
    Dear User, I am really not getting which icon you are pointing even in the screen recording because I can see everything looks fine, if any icon is missing, try to add the file as I did for the other component, you already knew how to fix that
    #347075
    Usapuka
    Spectator
    Hi Diana, In the event that the icons are in different versions https://prnt.sc/10p5coj, which of them should be placed in the pre cache? Thanks, regards.
    #347256
    Diana
    Participant
    Add the URL of .woff file
    #347276
    Usapuka
    Spectator
    Ok, thanks Diana.
    #347310
    Usapuka
    Spectator
    Having to place the link to the icons in the pre cache is a problem for Instructors who only develop courses and do not know about these more technical aspects. Have you considered for the future to solve the problem of displaying the icons on cell phones in a more automatic way?
    #347522
    Diana
    Participant
    They do not have to do it at all. Only you as site administrator have to do it once and it will work for all instructors.
    #347583
    Usapuka
    Spectator
    Hi Diana, Maybe I am doing something wrong, but from what I have seen in the SCORM course developed with Rise the icons are in a course specific folder (https://elearning.tecnobiz.com.ar/wp-content/uploads/package_uploads/manejo-del-estres-scorm/scormcontent/lib/fonts/icomoon.woff), if so, for each course you would have to place the URL of the icons in the pre-cache. If so, the icons would not be shared between courses and/or Instructors. Regards,
    #347880
    Diana
    Participant
    This unit is showing scorm unit icon: https://prnt.sc/10t48do So which icon is missing? Can you please share a screenshot, because I am not able to check which ons is missing? To fix the issue
Viewing 15 posts - 1 through 15 (of 40 total)
  • The topic ‘Problem with the display of icons’ is closed to new replies.