JGS524PE and GS748Tv5 with VLANs

Currently I have a pfSense appliance with 6 network ports. I have configured 1 LAN and 3 VLANs each with its own DHCP server. In the pfSense GUI the attached ports are labeled as igb0-5. pfSense is 2.6.0, the latest stable version. The JGS524PE is on Firmware Version 2.6.0.48. And the GS748Tv5 is on Boot Version B1.0.0.4 and Software Version 6.3.1.43.

The current set up is as follows. pfSense igb0 is configured as the WAN port and is connected to the ONT provided by the ISP. pfSense igb1 is configured as the LAN port and is connected to port 23 on the JGS524PE.

Also connected to the JGS524PE are

2 Unifi UAP-AC-Lite APs at ports  1 and 2.

2 POE cameras connected to ports 7 and 8.

2 desktops at ports 13 and 14.

Server and UPS connected to ports 19, 20, and 21. 

Port 24 on the JGS524PE connects to port 47 on the GS748Tv5.

Also connected to the GS748Tv5 is the Hue Bridge at port 1.

TVs at ports 2, 3, and 4.

Directv DVR at Port 5.

Streaming boxes at ports 45 and 46.

The Unifi access points are configured by Unifi Network Application 7.3.83 running under Linux. I have set networks and wifi SSIDs within the Unifi app to reflect the LAN and VLANs I have set up in pfSense. The APS broadcast each network and when connected via WiFi to any of the networks being broadcast I am issued an expected I.P. address. This is with no VLAN configuration in either of the switches.  So all cable connected devices are issued only one network address as expected. 

I have attached file hoping to illustrate what I am attempting to achieve. I want to segregate the net works so different ports on each switch are assigned to different VLANs and share the WAN access thru the pfSense router. 

I have read thru the user guide for each switch and have attempted different VLAN configurations with varying levels of success.  But cannot get the 2 to work in tandem with one another. I don't know if this is even possible with these  particular switches. 

As I understand it. I would create a VLAN and assign it a VLAN ID. Then I would Untag each port to the VLAN I want it assigned to and change the port PVID to match the VLAN ID. As for the ports connecting the router to the switch and switch to switch, those would be Tagged to all VLANs with the PVID left as 1. But when configured this way, devices attached to GS748Tv5 are issued unexpected I.P. address.

Any guidance will be appreciated.