View Replies (2)
Create loading animation on image upload
  1. How-to
0 Votes
  1. Marc James
  2. PowerServer Mobile (Obsolete)
  3. Friday, 15 November 2019 05:47 PM UTC

Hi, I am uploading an image to my server from a mobile, I would like to display a loading gif while it uploads the file, then hide the gif when it is done.. 

For some reason a gif worked on desktop/internet, but it did not animate when on my mobile phone (google pixel XL 3)

So instead I just thought i'd animate a loading bar moving up and then resetting itself on a timer, then when the upload is complete, the bar is hidden and then a popup comes up saying upload complete. (see code below where I call the timer just before I upload to the IIS server)

ls_directory = "regen/"
inv_file.of_logonfileserver( '000.148.152.100', 80, 'username=0;password=0' )
st_uploading.visible = true
hpb_uploading.visible = true
timer(0.5,w_mobile)
inv_file.of_appeonupload( is_photo1, ls_directory, true, ll_error )
timer(0,w_mobile)
st_uploading.visible = false
hpb_uploading.visible = false
inv_file.of_logofffileserver()

THE PROBLEM

What I found though was that the loading bar would appear along with its title, but the bar would only go up by 10, then just stop. So it seems the timer only triggers once, even thought it is supposed to go round every 0.5 seconds. Below is the simple code my timer does to increment by 10.

long ll_position = 0

hpb_uploading.position = ll_position

IF ll_position = 0 THEN
	ll_position = 10
ELSEIF ll_position = 10 THEN
	ll_position = 20
ELSEIF ll_position = 20 THEN
	ll_position = 30
ELSEIF ll_position = 30 THEN
	ll_position = 40
ELSEIF ll_position = 40 THEN
	ll_position = 50
ELSEIF ll_position = 50 THEN
	ll_position = 60
ELSEIF ll_position = 60 THEN
	ll_position = 70
ELSEIF ll_position = 70 THEN
	ll_position = 80
ELSEIF ll_position = 80 THEN
	ll_position = 90
ELSEIF ll_position = 90 THEN
	ll_position = 100
ELSEIF ll_position = 100 THEN
	ll_position = 0
END IF
	
hpb_uploading.position = ll_position

And below is the screenshot of the app.

Display & capture live rear camera image mobile device time
Responses (2)
  1. Likes
  2. Latest
  3. Oldest

Find Questions by Tag

.EXE .NET 6.0 .NET Assembly .NET Core 3.1 .NET Core Framework .NET DataStore .NET Std Framework 32-bit 64-bit ADO.NET AEM AI Algorithm Amazon AWS Android Apache API APK App Store App Store (Apple) Appeon Workspace Appeon Xcelerator Plug-in Architecture Array ASE Asynchronous Methods Authentication AutoBuild AutoCompiler Automated Testing Automation AutoScript Azure Barcode Base64 Batch BigData BLOB Branch & Merge Browser Bug Build Button C# C# Class Importer C# Editor C# Model generator Calendar Camera Certificate Chrome Citrix Class Client Client/Server Cloud Cluster Collection COM Command Line Compiler Compression Computed Field Configuration Controls Cookies Cordova Crash Cross-Platform Crosstab CSharpAssembly CSharpObject CSS CSV Cursor Data Database Database Driver Database Painter Database Profile Database Provider DataObject DataSource DataStore DataStore (C#) DataStore (PS) DataType DataWindow DATE DATETIME DB2 Debug Debugger Debugging Deployment Design DLL DO-WHILE Dockable Docker Documentation DOUBLE Download DragDrop Edge Edit Style Editor Elevate Conference Email Embedded SQL Emulator Encoding Encryption Enhancement Request Entity Entity Framework ERP Error Event Event Handler Event Handling Excel Exception Export Expression External Functions F# Field File File Access Filter Firefox Firewall Font FOR-NEXT Foreground Format Function Garbage Collection GeoLocation Git Graph HANA Hash Header HTML/5 HTTP/S HTTPClient Icon IDE Identity IIS IMAPI Import InfoMaker Inheritance Installation Integer IntelliSense Interface Internet Internet Explorer iOS IPA iPad iPhone IWA J# Java JavaScript JBoss JDBC JOIN JSON JSONGenerator JSONParser Kestrel Label Lambda Large File LDAP Library License LINQ Linux OS Load Balancing Localization Localized PBVM Log In Log Out Logging LONG LONGLONG macOS MAPI Maps MDI Memory Memory Leak Menu Merge MessageBox Messagging Method Migration MIME TYPE Mobile Model ModelStore ModelStore (C#) MSOLEDBSQL Multi Threading MVC MySQL n-Tier Namespace NativePDF NVO OAuth ODATA ODBC Office Offline OLE OLEDB Online Open Source OpenAPI OpenSSL Oracle OrcaScript Other Outlook Output Package Parameter Patch PayPal PB Classic PB Native PB.NET PBC PBD PBDOM PBG PBJVM PBL PBNI PBORCA PBVM PBX PDF Performance Permission PFC Picture Pipeline Play Store (Google) Plugin Popup Port POST PostgreSQL PowerBuilder PowerBuilder (Appeon) PowerBuilder (SAP) PowerBuilder Compiler PowerBuilder Runtime PowerClient PowerScript (PS) PowerScript IDE PowerScript Migrator PowerServer PowerServer Mobile PowerServer Toolkit PowerServer Web PowerServerLabel Print Properties Proxy Publish PULL PUSH Query Regression Release Renew Resize Response REST Retrieve RibbonBar RibbonBar Builder Rich Text Roadmap RPC Runtime Packager SaaS Scaffolding Script SDI SDK Security Server Service Session Single Sign-on Size SMTP SMTPClient SnapDevelop SOAP Sort Source Code Speech Recognition SQL SQL Anywhere SQL Server SqlBuilder SqlExecutor SQLite SqlModelMapper Storage Stored Procedure Subscription SVN Swagger Syntax TabbedBar TabbedView Tablet TabPage Target TE Control Testing Text TFS Theme TIME Timer TLS/SSL Tomcat TortoiseGit TortoiseSVN Transaction Transparency Trial Trigger TRY-CATCH TX Control Type UI ULONG UltraLite Uninstall Unit Test Unit Testing UNIX OS Update Upgrade Upload URL User Center User Object UWP Validation VARCHAR Variable Versioning Visual Studio Visual Studio Code VM Voice Warning WCF Web API Web Extensions Web Service WebBrowser WebForms WebLogic WebSphere WildFly WinAPI Window Windows OS WinForms Wizard Workgroup Workspace WPF XCODE XHTML XML Zoom
✖

Helpful?

If a reply or comment is helpful for you, please don’t hesitate to click the Helpful button. This action is further confirmation of their invaluable contribution to the Appeon Community.