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

New Transient Message

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

    New Transient Message

    Pre-release 5348 has a new Transient Message facility... really nice.

    Animation, placement, easily add buttons and code. A very cool feature is the ability to display, or rather change, a message within an existing, showing message.

    As the docs indicates... put up a "Working..." message that stays up and has no close button. Then, when your process is complete, change that message to Complete and add a close button.

    It's just pre-release so it's not quite all working. I was able to break it within about a minute resulting in an 'indexOf' of undefined error.

    The "inside-existing-transient-message" works but ignores some of it's settings and message placement is a bit wonky... but once Alpha begins to test it I'm sure it'll be fine.

    Check it out... nice stuff.

    http://aadocuments.s3.amazonaws.com/...easeNotes.Html

    #2
    Re: New Transient Message

    Sounds/looks like toastr: https://github.com/CodeSeven/toastr --- http://plnkr.co/edit/6W9URNyyp2ItO4aUWzBB?p=preview

    Videos that Alpha puts out never play in Chrome (wish they'd use some other format other than shockwave) so I'm not 100% sure. Regardless, looking forward to using this.

    EDIT: My mistake ...videos are on YouTube also: https://www.youtube.com/watch?v=gCT34Zw8YG4
    Mike Brown - Contact Me
    Programmatic Technologies, LLC
    Programmatic-Technologies.com
    Independent Developer & Consultant​​

    Comment


      #3
      Re: New Transient Message

      Yes... much like the "Toast" style messages.

      Not sure why Alpha won't move off swf files. Maybe they're not aware of other formats... but currently IE is the only browser that still plays them.

      Once the videos make it into Help, Videos area... there is usually another link to view on Viddler.

      Comment


        #4
        Re: New Transient Message

        I agree these transient messages are awesome, I have been testing it since last night. In a tabbed UI I noticed that I cannot see the message in the position of the bottom left BUT a top fill works nicely. They might be off screen somewhere as the tabbedui loads components in a variety of ways like a page or just the component in the tab but as I said either way the top fill is pretty nifty.
        What would be a great addition now would be a setting for crud operations in the UX properties to use transient messages by default (like the CS3 animation) with an expanded menu to edit each type of crud operations message/code. Even without that, this makes for a much nicer and FASTER way to make a more modern feel to a UX.
        Good job AS
        NWCOPRO: Nuisance Wildlife Control Software My Application: http://www.nwcopro.com "Without forgetting, we would have no memory at all...now what was I saying?"

        Comment


          #5
          Re: New Transient Message

          I also added this feature to a PGB and found that I needed to republish the project to avoid an error with the new function not being recognized - so it works nicely in there too!
          NWCOPRO: Nuisance Wildlife Control Software My Application: http://www.nwcopro.com "Without forgetting, we would have no memory at all...now what was I saying?"

          Comment


            #6
            Re: New Transient Message

            Agreed, this is a really nice feature.

            One thing I've noticed is that if you select 'Google' as the message appearance then add message buttons, the buttons pick up my component style of GrBlue which doesn't look great.
            How do you apply 'Google' appearance to the message buttons? There is a button style option but this just opens the style editor.
            Alpha Anywhere v12.4.6.5.6 Build 9192-5707 IIS v10.0 on Windows Server 2019 Std in Hyper-V

            Comment


              #7
              Re: New Transient Message

              Not sure how that is happening but you can switch to text mode (view javascript) copy the code and edit the style that way and or see how it seems impossible that the message box could be affected visually by your style without you somehow assigning a class because the style is actually handwritten in the code. You can also just switch to custom and use the style builder. I don't know why but I think the only way you can have GrBlue affect it is by class - but the best way would be to inspect with dev tools or firebug to see how it could be inhereted.
              NWCOPRO: Nuisance Wildlife Control Software My Application: http://www.nwcopro.com "Without forgetting, we would have no memory at all...now what was I saying?"

              Comment


                #8
                Re: New Transient Message

                Originally posted by CharlesParker View Post
                Not sure how that is happening but you can switch to text mode (view javascript) copy the code and edit the style that way and or see how it seems impossible that the message box could be affected visually by your style without you somehow assigning a class because the style is actually handwritten in the code. You can also just switch to custom and use the style builder. I don't know why but I think the only way you can have GrBlue affect it is by class - but the best way would be to inspect with dev tools or firebug to see how it could be inhereted.
                Conversion to javascript yields the following where className is blank and button style is blank.

                Code:
                var _options = {
                	"className": "",
                	"style": "box-shadow: 0px 2px 6px 2px rgba(0,0,0,.25);background: rgba(0,0,0,.8);color: #fff;border: 1px solid rgba(0,0,0,.8);border-radius: 4px;",
                	"buttons": [{"html": "Agree","onClick": function() { {dialog.object}.runAction('New Cal Factor Record');},"style": ""},{"html": "Cancel","onClick": function() { },"style": ""}],
                	"close": {
                		"show": false
                	},
                	"duration": -1,
                	"animation": {
                		"show": {
                			"type": "auto",
                			"duration": 600
                		},
                		"hide": {
                			"type": "auto",
                			"duration": 600
                		}
                	}
                };
                {dialog.object}.transientMessage('center',_html,_options);
                It must be inheriting the property somehow. If I change the UX style from GrBlue to Alpha, then the visual appearance is better.

                GrBlue.jpg Alpha.jpg

                I tried looking at Chrome dev tools but I cannot see the message window.
                While switching to Alpha may seem like a reasonable step, the reality is that it majorly messes up a lot of things and the work required to convert my project to Alpha at this stage is improbable.

                What would be ideal is if we were able to apply the style 'Google' (whatever that might be as it doesn't exist as a project style) to the buttons in the transient message.
                Alpha Anywhere v12.4.6.5.6 Build 9192-5707 IIS v10.0 on Windows Server 2019 Std in Hyper-V

                Comment


                  #9
                  Re: New Transient Message

                  Here are the Style settings for a Button Definition. These are the Google Web Email style settings... for the most part.

                  Button Hover gets messed up... maybe someone can figure out how to fix it. Part of the trouble is that Alpha shoves in a button hover class upon hover for buttons.

                  Code:
                  align-items: center; border-style: none; display: inline-flex; justify-content: center; outline: none; position: relative; z-index: 0; -webkit-font-smoothing: antialiased; font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif; font-size: .875rem; letter-spacing: .25px; border-radius: 4px; box-sizing: border-box; color: #8ab4f8; cursor: pointer; font-weight: 500; height: 36px; margin-left: 8px; min-width: auto; padding: 0 8px; text-decoration: none; background-image: none; text-shadow: none; background:none;

                  Comment


                    #10
                    Re: New Transient Message

                    Stephen I wonder what would happen if you added the additional Style of alpha to the component
                    NWCOPRO: Nuisance Wildlife Control Software My Application: http://www.nwcopro.com "Without forgetting, we would have no memory at all...now what was I saying?"

                    Comment


                      #11
                      Re: New Transient Message

                      In 2 minutes of testing I found why the placement (offset) is so buggy.

                      The Offset properties wants number only... 20... not 20px. Alpha doesn't actually tell you that... and you're certainly not stopped from adding the 'px'. If you do include the 'px' your message placement is completely messed up. Alpha... please pick one. Either require the 'px' or not... but building interfaces where sometimes it's required and sometimes it messes up is not a good practice. Actually, how about you test it??? If it's there... all good... and if not add it.

                      Further, put in any value and Alpha will up the ante by adding a 0 (zero) to your value. If you put in 20, you get an offset of 200.

                      If I can find so many issues in minutes... I have to ask who's doing the testing at Alpha... if anyone?

                      Comment


                        #12
                        Re: New Transient Message

                        Originally posted by CharlesParker View Post
                        Stephen I wonder what would happen if you added the additional Style of alpha to the component
                        Thanks for the suggestion Charles but it doesn't seem to make a difference for me. Boy, I sure do struggle with styles in Alpha

                        I'll play around with David's code when I get time and see if that helps.
                        Alpha Anywhere v12.4.6.5.6 Build 9192-5707 IIS v10.0 on Windows Server 2019 Std in Hyper-V

                        Comment


                          #13
                          Re: New Transient Message

                          The Transient Message Position for "dropdown" bug has now been fixed. It looks like there was a missing, required property... "Relative element Javascript" where you specify a pointer to an element. The dropdown message then appears relative to that element. This property now shows in the dialog. The Alpha doc is still missing this property, but there is in-line doc on it. Also, a check has been put in place to ensure there is something in "Relative element Javascript". It doesn't have to be an element pointer, but at least your Transient message no longer breaks.

                          Comment

                          Working...
                          X