Thread

Hey guys -

Just thought for fun that I’d let you know that it’s been super easy to integrate iui into ExpressionEngine to create iPhone-compatible versions of all your EE sites. I managed to create iPhone version of the Video Productions website in about twenty minutes. The movies themselves do not work yet since I have to re-encode them for the iPhone, but the text pages pull content from EE weblogs perfectly. I only had to make minor tweaks to the CSS to make them look decent.

Anyways, as a new iPhone user who loves it when site owners create iPhone-compatible versions for me to use, I thought I’d just add in my two cents and tell you that it’s rather simple to do. 😊

How about writing up a tutorial for the wiki? *winks*

Haha, I’d love to, if I had more than a few seconds of free time. 😉 If there’s an interest for that, I will definitely do it, but not until my workload dies down a little…

I, for one, am quite interested. I’ve poked around a bit with iui, but a step-by-step from someone who’s actually deployed it would be loverly.

I’m extremely interested in a quick write-up on how you did that? Can you share?

Actually after around 2 hours, I was able to get this running myself. It’s fairly easy to do with EE 😉

You have to setup your main structure like so:

  <ul id=“home” title=“My Site” selected=“true”>
      <li>Reviews</li>
  </ul>

then use a little weblog magic to build the underlining menu structure:

    <ul id=“reviews” title=“Reviews”>
      {exp:weblog:entries weblog="reviews" orderby="date" sort="des" limit="5"}
        <li>{name} - {entry_date format="%m.%d.%Y"}</li>
      {/exp:weblog:entries}
  </ul>

then build a tertiary structure for the actual content:

  {exp:weblog:entries weblog="reviews" orderby="date" sort="des" limit="5"}
      <div id=”{entry_id}” class=“panel” title=“Reviews”>
          <h3 class=“title-review”>{title}</h3>
          {Summary}{Body}
      </div>       
  {/exp:weblog:entries}

That’s it. I created a iphone template group with one index page using IUI’s tool kit. I referenced iui.css and iui.js outside of EE. Pretty spiffy! Thanks for the encouragement, Daniel.