Alpha Software Mobile Development Tools:   Alpha Anywhere    |   Alpha TransForm subscribe to our YouTube Channel  Follow Us on LinkedIn  Follow Us on Twitter  Follow Us on Facebook

Announcement

Collapse

The Alpha Software Forum Participation Guidelines

The Alpha Software Forum is a free forum created for Alpha Software Developer Community to ask for help, exchange ideas, and share solutions. Alpha Software strives to create an environment where all members of the community can feel safe to participate. In order to ensure the Alpha Software Forum is a place where all feel welcome, forum participants are expected to behave as follows:
  • Be professional in your conduct
  • Be kind to others
  • Be constructive when giving feedback
  • Be open to new ideas and suggestions
  • Stay on topic


Be sure all comments and threads you post are respectful. Posts that contain any of the following content will be considered a violation of your agreement as a member of the Alpha Software Forum Community and will be moderated:
  • Spam.
  • Vulgar language.
  • Quotes from private conversations without permission, including pricing and other sales related discussions.
  • Personal attacks, insults, or subtle put-downs.
  • Harassment, bullying, threatening, mocking, shaming, or deriding anyone.
  • Sexist, racist, homophobic, transphobic, ableist, or otherwise discriminatory jokes and language.
  • Sexually explicit or violent material, links, or language.
  • Pirated, hacked, or copyright-infringing material.
  • Encouraging of others to engage in the above behaviors.


If a thread or post is found to contain any of the content outlined above, a moderator may choose to take one of the following actions:
  • Remove the Post or Thread - the content is removed from the forum.
  • Place the User in Moderation - all posts and new threads must be approved by a moderator before they are posted.
  • Temporarily Ban the User - user is banned from forum for a period of time.
  • Permanently Ban the User - user is permanently banned from the forum.


Moderators may also rename posts and threads if they are too generic or do not property reflect the content.

Moderators may move threads if they have been posted in the incorrect forum.

Threads/Posts questioning specific moderator decisions or actions (such as "why was a user banned?") are not allowed and will be removed.

The owners of Alpha Software Corporation (Forum Owner) reserve the right to remove, edit, move, or close any thread for any reason; or ban any forum member without notice, reason, or explanation.

Community members are encouraged to click the "Report Post" icon in the lower left of a given post if they feel the post is in violation of the rules. This will alert the Moderators to take a look.

Alpha Software Corporation may amend the guidelines from time to time and may also vary the procedures it sets out where appropriate in a particular case. Your agreement to comply with the guidelines will be deemed agreement to any changes to it.



Bonus TIPS for Successful Posting

Try a Search First
It is highly recommended that a Search be done on your topic before posting, as many questions have been answered in prior posts. As with any search engine, the shorter the search term, the more "hits" will be returned, but the more specific the search term is, the greater the relevance of those "hits". Searching for "table" might well return every message on the board while "tablesum" would greatly restrict the number of messages returned.

When you do post
First, make sure you are posting your question in the correct forum. For example, if you post an issue regarding Desktop applications on the Mobile & Browser Applications board , not only will your question not be seen by the appropriate audience, it may also be removed or relocated.

The more detail you provide about your problem or question, the more likely someone is to understand your request and be able to help. A sample database with a minimum of records (and its support files, zipped together) will make it much easier to diagnose issues with your application. Screen shots of error messages are especially helpful.

When explaining how to reproduce your problem, please be as detailed as possible. Describe every step, click-by-click and keypress-by-keypress. Otherwise when others try to duplicate your problem, they may do something slightly different and end up with different results.

A note about attachments
You may only attach one file to each message. Attachment file size is limited to 2MB. If you need to include several files, you may do so by zipping them into a single archive.

If you forgot to attach your files to your post, please do NOT create a new thread. Instead, reply to your original message and attach the file there.

When attaching screen shots, it is best to attach an image file (.BMP, .JPG, .GIF, .PNG, etc.) or a zip file of several images, as opposed to a Word document containing the screen shots. Because Word documents are prone to viruses, many message board users will not open your Word file, therefore limiting their ability to help you.

Similarly, if you are uploading a zipped archive, you should simply create a .ZIP file and not a self-extracting .EXE as many users will not run your EXE file.
See more
See less

CSS Icons Disappear in Browser

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS Icons Disappear in Browser

    I have this odd issue where after publishing one one my components (not always the same one) my CSS icons stop rendering on my site. They always come back eventually but I have not been able to pin down what is making the disappear or what I did to bring them back (both seem to be a random). Now I know the chance that these are random occurrences is almost 0% but am curious if anyone else has experienced this. It's done it on different releases of alpha anywhere and has affected materialIcons and fontAwesome (though my current issue is with fontAwesome icons). I have re-installed the icon packages and republished all components (currently this new project is small so this is very easy for me to do). Any thoughts on where to look would be greatly appreciated (I don't think the page is even trying to load them because normally if I turn on the web inspector I will see an error message stating that the page tried to load insecure content related to the icons, but when I see this message the icons load, when I don't they don't load).

  • #2
    Re: CSS Icons Disappear in Browser

    Still running into this issue, the icons will disappear and then out of nowhere they will come back (before they come back I do try all the fixes from reinstalling the css fonts to clearing my browser cache to recalculating all the controls in my main component and re-publishing with unchecking the box that checks for previously published files to give me a clean publish).

    One of the new strange things I am seeing is I am using a menu list that I configured using a javascript function and in this list I use FontAwesome icons and as soon as I click on an item in the list the icons come back as long as there is there is 3 or more items/records in the list (and when looking at the web inspector while doing this I see the warning stating "Failed to load resource: the server responded with a status of 403 (Forbidden)."

    Hopefully, someone can point me in the right direction here, this is driving me up a wall!

    Comment


    • #3
      Re: CSS Icons Disappear in Browser

      Report it.
      Insanity: doing the same thing over and over again and expecting different results.
      Albert Einstein, (attributed)
      US (German-born) physicist (1879 - 1955)

      Comment


      • #4
        Re: CSS Icons Disappear in Browser

        If it's any consolation, this happens to me also.

        I'd report it... except I have 46 other issues (not kidding) with Alpha at the moment.

        Started a new project and have been logging all the crap I've run into; PAYING someone to help... but still moving from speedbump to speedbump as we lurch towards the finish line. I hope.

        Comment


        • #5
          Re: CSS Icons Disappear in Browser

          A possible (and ridiculous) solution... at least for me.

          My Font Awesome icons had been installed and working for quite
          some time.

          After a fair amount of development I wanted to clear out old content
          from the webserver directory (both the local dev webserver and the
          remote public webserver). So I did that.

          Then I re-published everything... all was OK except for the missing
          Font Awesome icons.

          Just for giggles I re-installed Font Awesome but that didn't help.

          Figured I'd restart everything just to see if that caused either the O/S
          or Alpha Developer to pick them up again. Nope.

          Finally, I wanted to check to see if Alpha Develper itself could find them.

          So I opened the Developer, found a component that used an icon, and
          opened the selection utility (which shows all SVG, CSS, and other icons)

          It could find the icons no problem.

          I saved the utility.

          Then my "Live Preview" started showing them again.

          So I reposted to local and remote servers; and they worked too.

          Apparently, Alpha Developer loses some form of connection with
          Font Awesome (likely a record in a config file somewhere). This
          also prevents the publishing functions from pushing the Font Awesome
          directory or some form of connection to the webserver(s).


          The answer then (for me) was simply to re-select a Font Awesome icon
          for a button (any button), find it, and save the UX. After that everything worked
          again in the Live Preview and on the webservers once the app was re-posted.


          If you run into disappearing icons I hope this simple thing works for you too!



          Search keys: Font Awesome, Font-awesome, FontAwesome, CSS icons, disappear

          Comment


          • #6
            Re: CSS Icons Disappear in Browser

            Hey guys, ran into a few issues like this and found that the link reference for the font-awesome library just was not loading into the browser ie it was missing in the head the html , this would cause a status of 403 (Forbidden). I just open up chrome debugger and check for the reference

            Link-css.png

            If not there you can force its hand by adding the reference.

            Go to UX Properties > Head section tags and add the reference pointing to the css link file as seen in the example pic provided


            Head-section.png

            This usually only has to been done once if all users pass through this UX. Alternatively you can add this into any A5W / HTML page
            Alex Collier

            "The spread of computers and the Internet will put jobs in two categories. People who tell computers what to do, and people who are told by computers what to do"

            AA Builds from 5221_5152 to Pre-releases >> Deploying to IIS in AWS

            Comment

            Working...
            X