Our goal is to display website visitors on the map, similar to the screenshot below.

We will convert their IP address to lat/lng coordinates and display those markers on OpenStreetMap map. To perform the conversion of IP addresses to lat/lng pairs we are going to use the geolocation data from ip2location.com.

We will display users that were active in the last ten minutes. If the user had some activity in the last 60 seconds, their dot will be pulsing.

Continue Reading "Displaying website visitors on the map"

Infinite scroll is a useful technique that allows to load new content automatically, when the user  scrolls down and reaches the end of the page. This is the kind of feature that our customers asked us about for a fairly long time. Turns out, it is not that difficult to implement with the help of some custom coding. Enable ‘AJAX search, pagination, sorting’ option on Pages -> List page settings dialogue. Add the following code to List page: Javascript OnLoad event of the page where…Continue Reading “Infinite scroll”

In a web application, some long running tasks may time out and not finish. To avoid this kind of limitation we will show you how to run such tasks reliably and, at the same time provide progress status to the end user so they know the task is still running. In this article we’ll show you how to achieve this in PHPRunner and ASPRunner.NET.

A common task like this is batch sending email notifications. The key is to initiate a process like this from JavaScript sending the next batch of tasks to the server via AJAX.

Continue Reading "Long running process with notifications"

Dashboards excel at showcasing a multitude of valuable information on a single page. However, there are instances when a basic dashboard layout falls short in accommodating the desired volume of data on a single screen. In this article, we will demonstrate a method for amplifying information presentation through the use of a tabbed component. It’s important to note that this is not a built-in and we will need to write a bit of code.

Here is what we after:

Continue Reading "Tabbed elements in dashboards"

Version PHPRunner 11 beta is here!

Download now

You can install and run it side by side with PHPRunner 10.x and older versions. Existing software functionality will not be affected.

Beta version notes

  • PHPRunner only
  • Next step: end of March, the final versions of both PHPRunner and ASPRunner.NET are expected.
  • Can open existing projects created in in version 10.x
  • Business templates are not supported yet
  • Comes with built-in web server
  • Supported databases: MySQL, Postgre, SQL Server. The final version will support all the same databases as version 10 did.
  • This beta is valid till the end of March when we plan to have the final version available

Benefits

  • Much faster UI
  • Much faster work with large ( 1000+ tables ) projects
  • Multi-developer support!
  • Revisions and roll-backs
  • Later: Mac/Linux versions
Continue Reading "Version 11"

As many of you know, we recently launched a side project named PicTur. This is a website, built with the help of PHPRunner, that allows users build beautiful travel stories. Instead of letting you pictures collect dust you can create a travel story and share with the world. Take a look open an account and maybe create a story or two.

This website was built with the help of PHPRunner and was heavily customized. We will post series of articles talking about the most interesting parts of this project. Let us start by showing how pages like login, register and remind password were prettified. First, we found a good login template at Carrd, customized it a bit and imported CSS into PHPRunner.

This is the end result:

PicTur..app login page

Continue Reading "Yet another custom login page"

In this article we will show you how to generate PDF invoices on the web server side. We use this approach to generate and email billing reminders to our customers.

1. Download NodeJS to the web server. For Windows choose 64-bit MSI installer.

2. Run and install keeping all default settings.

3. Inside your project create a new folder named pdfmake.

Continue Reading "Generate PDF files using NodeJS and PDFMake"