Setting Project Theme

October 26, 2018, 01:46:41 AM

Setting Project Theme.
PHPRad has over 40 Bootrap 4 themes. Thanks for https://bootswatch.com/

Re: Setting Project Theme

Reply #1 – May 20, 2019, 01:14:19 AM

I was looking theme to mobile app look, not sure is right way maybe someway better.

Mobile look..

but first..back up PPM file, database and i zipped up htdocs\myapp.

1)Added these 2 * Meta lines into main_layout.php to remove browser address bar to look more like a mobile app
(add app link to home screen of course fire app link from home screen to make it work)
----
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
added*<meta name="apple-mobile-web-app-capable" content="yes" />
added*<meta name="mobile-web-app-capable" content="yes" />
----
2)For "Mobile Look"

Once app was completed - for "List Page/s" in "Page Design" I changed the "Display Type" from "Tabular List" to "Custom List" for the list page.

"Custom List" looks like a Card view and looks better on mobile devices.

*Next - Copied the list.php file and pasted back into same dir and renamed "list <copy.php" to mlist.php.
so now in app\view\partials\customerlist directory
there are these two files.

list.php <-- for desktop view

mlist.php <-- card view for mobile

Next - Back into interface into "Page Design" and change the "Display Type" back to "Tabular List" for each list.php page I changed.
--------
Hand Work for "Mobile Look" done with interface..

**NEXT Add the logic to change to Mobile view

Under App/Controllers/Customercontroller - your controllers diff name.
in the controller file or file/s
Added these lines as logic to switch only "custom (card) view" when mobile detected.

//page filter command

      $tc = $db->withTotalCount();
      $records = $db->get('customercurrent', $limit, $fields);
      $data = new stdClass;
      $data->records = $records;
      $data->record_count = count($records);
      $data->total_records = intval($tc->totalCount);
      if($db->getLastError()){
         $this->view->page_error = $db->getLastError();
//ChangeAdd*
   }
      if(is_mobile()){
         $this->view->page_title ="Current Customer";
      $this->view->render('assetscurrent/mlist.php' , $data ,'main_layout.php');

      }
      else{
            $this->view->page_title ="Current Customer";
      $this->view->render('assetscurrent/list.php' , $data ,'main_layout.php');

      }
   }
//endAdd*

   /**
   * View Record Action
   * @return View
--------
Small things
Add Icons under "Project Settings"
----
In app\views\layouts\main_layout.php

Changed title echo to my App Name by hand to eliminate getting "Index Index" as App Name
Line #15:   <title><?php echo "Customer Help" ?></title>