Has anyone out there found a crafty way of implementing a TNEW mobile website?
I'm open to all thoughts on the subject, but honestly, i'm having a holiday weekend hangover, and not thinking very clearly;
We use sudo-dynamic headers and footers included to our TNEW template from our content site, but i can't really do any server side scripting to get the user agent. 1 thought would be to do a javascript detection to load different Style Sheets, which is probably the best route.
then comes actually writing the style sheet...
Thoughts or comments anyone?
James
James,
Wow great work. I am impressed. Haven’t looked at the TNEW code or anything but one thing I have noticed about websites that go mobile, is that they don’t take the mobile aspect into account. I find most websites that are converted from traditional to mobile either by porting or re-coding they lack the grace and usability when it comes to mobile.
I think any mobile website should take the mobile UI into account. I am not saying you haven’t or that it isn’t workable just that the usability of mobile is very important for adoption. I am looking forward to seeing a demo and giving the usability a try.
Thanks,
Dave Alton
CIO
Center Theatre Group
o:213-972-7539 | c:213-973-2834
From: Tessitura Web Forum [mailto:forums-tessitura-web@tessituranetwork.com] On Behalf Of James Boncek Sent: Thursday, July 28, 2011 3:35 PM To: Dave Alton Subject: Re: [Tessitura Web Forum] TNEW Mobile
ANOTHER UPDATE:
So, 1 full days work, (pretty much), and i've almost got it complete!!! All thats left is a little polishing off, and a few exception tweaks for good measure.
I worked out the tables, and it all fits in nice nice. I managed to keep it to 1 stylesheet per user agent, with some conditional javascript. I had to do some fancy :nth().remove stuff on the tables to get what i was looking for.
God bless jquery. with 1 line of code, i removed all inline styles from a given tag, then wrote my own css style to the nested element accordingly.
Keep an eye on this thread for a demo link soon!
From: James Boncek <bounce-jamesboncek9049@tessituranetwork.com> Sent: 7/28/2011 2:51:33 PM
UPDATE:
Due to the lack of response, I thought i'd just take a stab at it! So, today I did. Here is what i've discovered:
1: It IS possible, but it ain't gonna be easy.
2: I fully expect limited functionality due to the complications. (shooting for a transaction path only)
Javascript is your friend; There is the age old argument of Who disables javascript? - my opinion, not many, and if they do, they're generally screwed on the web....
What i've done so far:
First off, javascript will detect the user agent and load the appropiate code; Right now, i'm simply toggling 2 different style sheets. Simple enough right! Well, once i dug into the structure of TNEW's HTML, I found selecting the proper elements rather difficult. there are many classes used, but some of the unique elements don't have unique IDs attached...
So i tried the nested css approach....fail
Some pages have 1 button some have 2, so i couldn't always hide button 1, for example.
This is where we need to get into page specific style sheets, loaded with javascript, based on user agent and current page.
Next issue: Tables!!!
Oh, the joy! I still haven't worked this out. The cart and checkout page display selected seats in a table (two/three actually). by default they're too wide for an iphone. First i managed to hide some cells/columns that aren't exactly necessary - but it didn't work out too well, as they all don't line up right.
Then, i realized how much inline CSS was on the tables, so i stripped it with jquery. That helped, but didn't solve the problem, for good.
I'm working on converting the tables to divs, but that too is pretty tricky, and i'm yet to work it out successfully.
Anyways, thats the update for all you lurkers. Back to the code.
You were sent this email automatically because you subscribed to the Tessitura Web forum. You may reply to this message to post to the Web forum or visit the site to search, read and post to the forums. In the interest of keeping the forum posts from becoming cluttered, we encourage you to delete previous message text from your reply before sending. Thank you!