A320
Flight Crew Air Transport Pilot (ATP)
Flight Crew Last 90 Days 180; Flight Crew Total 23000; Flight Crew Type 4000
Human-Machine Interface; Situational Awareness; Confusion
Deviation - Track / Heading All Types; Deviation / Discrepancy - Procedural Clearance
Air Traffic Control Issued New Clearance; Air Traffic Control Issued Advisory / Alert; Flight Crew Became Reoriented
Airspace Structure; Chart Or Publication; Human Factors; Equipment / Tooling
ATC cleared us to fly a 030 heading to join the GABRE1. I had never flown this SID.  I had my IPAD zoomed in on the Runway 6L/R departure side so I wouldn't miss the charted headings. This put SLI out of view on the IPAD. I mistakenly asked the First Officer to sequence the FMGC between GABRE and FOGEX.
During departure off runway 6R at LAX; GABRE1 departure; ATC issued 'turn left 030 and join the Gabre departure.' This was the first time for both pilots performing this SID and the first time departing this runway for the FO. LAX had a rain storm and was departing east. Once instructed to join the departure on the 030 heading; I extended the inbound radial to FOGEX and inserted it into the FMGC. With concurrence from the Captain I executed it. ATC queried our course and advised we were supposed to intercept the Seal Beach VOR 346 radial northbound. Upon review both pilots had the departure zoomed in on their Ipads and did not have the SLI displayed.
A320 flight crew reported deviating from the published procedure due to not having their IPAD/EFB set to display the complete procedure.