Thursday, 24 September 2015

Data Panels Upgraded on Golf Predictor

Original sections (subset) on Prediction page

Updated sections on Prediction page

Following on from the recent update to the pop-up chart windows, all the data panels on Golf Predictor have been enhanced. Similar to the pop-up chart window update, the functional, but not very pretty, Microsoft AJAX collapsible panels (as shown in the first screenshot above) have been replaced with their more attractive Twitter Bootstrap equivalents. In addition, all non-collapsible data panels (e.g. Basic Details) have been similarly updated, as can also be seen above. As can be seen in the second screenshot above, these new panels look much better, with rounded corners, shadowing and better formatting. The panels shown above are the same portions of the prediction data page for Jason Day for the 2015 BMW Championship FedEx Cup event on the US PGA Tour. The panels have been updated on the following pages:

  1. The golfer Prediction Data page
  2. The main Tournament page
  3. The main Course page
  4. The main Golfer page
  5. The golfer Season Segment Data page
  6. The golfer Season Stats Data page
  7. The golfer Tournament Result page
  8. The golfer Performance Analysis Data page
  9. The Tournament Statistics (Rounds) page
  10. The Results by Player page

In addition, the data tables on most of these pages (e.g. the tournament results on the tournament page) have also been put into panels, so they can now also look better and can also be collapsed. Some notes on these new data panels:

  1. I have tested them on Chrome, FireFox, IE11 and MS Edge and found them to work fine.
  2. If you are using an older browser, you should not experience any significant issues. I have only been able to test this using compatibility settings on IE11, but the only issue appears to be the expected lack of rounded corners and shadowing on IE7/8. If you are still using a very old version of IE (or any other browser), it is really past time to upgrade or change it!
  3. Golf Predictor is not really designed for mobile devices, but I have also tested these new panels on Chrome (Android 5.1.1) and Safari (iOS 6.1.3). They appear to work fine in both cases.
  4. There are no arrow icons on the new collapsible panels to collapse/expand the panel. However, you can simply click on the panel title to accomplish this.
  5. You may have to reload a page or empty your browser cache to see the upgraded data panels. 
  6. The images are different widths above, because the second image is slightly longer than the first one and this confuses the blogging software! The page width (i.e. the white page on the green background) is the same in both cases, although the new panels are slightly wider than the old panels.

I trust you will agree that these cosmetic updates to the data panels are an improvement. Just another way to make Golf Predictor a little better!

No comments: