HTML Scroller Window

Getting into LiveCode for iOS? Ask your questions here.

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
Kaubs
Posts: 124
Joined: Wed Jun 29, 2011 3:55 am

HTML Scroller Window

Post by Kaubs » Tue Dec 13, 2011 10:56 pm

Before investing a lot of time into dev I wanted to check with the community and see if anyone has had any success in creating a scroller with pictures and sql db data dynamically locally via HTML. If you have any questions please ask! Thanks guys!

Kaubs

Jellicle
Posts: 453
Joined: Thu Feb 24, 2011 11:07 am

Re: HTML Scroller Window

Post by Jellicle » Tue Dec 13, 2011 10:59 pm

I use a native html scroller that pulls data from a SQLite database. I played with including icons against each line - it worked fine but I didn't use it as they took up too much space. So yes, it's possible.

(If I understand your question correctly...)

Cheers

Gerry
14" MacBook Pro
Former LiveCode developer.
Now recovering.

Kaubs
Posts: 124
Joined: Wed Jun 29, 2011 3:55 am

Re: HTML Scroller Window

Post by Kaubs » Tue Dec 13, 2011 11:13 pm

Sounds like you got it. Thats pretty similar to what I want to do. Unfortunate that I have to take this method to create a scroller but at least I've got something.

Kaubs
Posts: 124
Joined: Wed Jun 29, 2011 3:55 am

Re: HTML Scroller Window

Post by Kaubs » Tue Dec 13, 2011 11:13 pm

You dont happen to have an early stack example you wouldn't mind sharing do you?

FireWorx
Posts: 362
Joined: Wed Sep 07, 2011 9:39 pm

Re: HTML Scroller Window

Post by FireWorx » Tue Dec 13, 2011 11:52 pm

If anyone has developed a pic wheel or scroller window that can easily except varied sizes of text on the fly, provides a list like behavior, and can be resized to say 60% of the iPad screen I would like to see that. If it accepts large fonts and colored text then even better. Html or LiveCode either one.

Dave

Jellicle
Posts: 453
Joined: Thu Feb 24, 2011 11:07 am

Re: HTML Scroller Window

Post by Jellicle » Wed Dec 14, 2011 12:13 am

Kaubs wrote:You dont happen to have an early stack example you wouldn't mind sharing do you?
Nope, sorry. But I build my html lists using open source iPhone css. You can find the files here: http://code.google.com/p/iphone-universal/.

You can see how I use it by downloading my app from the app store - search for "George Hrapp". I use this technique on the tweets and media screens of that app - play around and you'll find the lists :) The only slightly annoying thing is that line highlighting doesn't work perfectly on some kinds of lists - but it's good enough for me.

Cheers

Gerry
14" MacBook Pro
Former LiveCode developer.
Now recovering.

Kaubs
Posts: 124
Joined: Wed Jun 29, 2011 3:55 am

Re: HTML Scroller Window

Post by Kaubs » Wed Dec 14, 2011 12:22 am

Great! Thanks, I'll take a look.

FireWorx
Posts: 362
Joined: Wed Sep 07, 2011 9:39 pm

Re: HTML Scroller Window

Post by FireWorx » Sun Jan 15, 2012 6:40 pm

Hi Gerry,
Great job on the app. I downloaded the UiUIKit and I am looking it over. I have limited experience in javascript. Meaning I can do some editing of source code and sometimes replace entire lines of HTML or javascript code populated with user input from livecode to effect change on the HTML page. What I don't yet understand is how to get user input from the HTML page back into livecode. (for example when a html button is clicked. ) is there a way you might be able to upload a little stack that shows some simple ins and outs using UiUIKit?

Do you think with my limited knowledge of JS and HTML I would be better off trying to mimic the native IOS list button look and feel with say mobgui or otherwise by sticking to transcript rather than trying to use UiUIKit and javascript. Or do you think I should dive in and give the UiUIKit the old college try?

Thanks,
Dave

Jellicle
Posts: 453
Joined: Thu Feb 24, 2011 11:07 am

Re: HTML Scroller Window

Post by Jellicle » Sun Jan 15, 2012 10:32 pm

Dave, thanks :)

If you want to do more complex lists with buttons use data grids instead of html. Work through the lessons here: http://lessons.runrev.com/s/lessons/m/datagrid.

Cheers

Gerry
14" MacBook Pro
Former LiveCode developer.
Now recovering.

FireWorx
Posts: 362
Joined: Wed Sep 07, 2011 9:39 pm

Re: HTML Scroller Window

Post by FireWorx » Mon Feb 06, 2012 8:40 pm

Hi Gerry,
I included the UiUIKit folder in the copy files section of the standalone settings, copied the entire folder over to the specialfolderpath documents folder, and loaded one of the list html pages from within the browser in live code.

The page loads fine and all the links work except the href link to the CSS page located in the "stylesheets" folder within the "UiUIKit" folder . So my pages have no "style'.

I tried placing the "iphone.css" file in the "UiUIKit" folder and changing the href link from <link rel="stylesheet" href="stylesheets/iphone.css" /> TO <link rel="stylesheet" href="iphone.css" />
but still no luck.

How did you deal with this?
Thanks,
Dave

FireWorx
Posts: 362
Joined: Wed Sep 07, 2011 9:39 pm

Re: HTML Scroller Window

Post by FireWorx » Mon Feb 06, 2012 10:35 pm

I downloaded the stack you presented in this post.
http://forums.runrev.com/viewtopic.php? ... css#p38382
I opened up the hood and started tweaking some things and figured out how you make the CSS link available to the HTML page. I am now working on getting the .png images copied over and those href links working as well.
It's looking good! Thanks!
Dave

Klaus
Posts: 14177
Joined: Sat Apr 08, 2006 8:41 am
Contact:

Re: HTML Scroller Window

Post by Klaus » Mon Feb 06, 2012 10:55 pm

Hi dave,
FireWorx wrote:Hi Gerry,
I included the UiUIKit folder in the copy files section of the standalone settings, copied the entire folder over to the specialfolderpath documents folder, and loaded one of the list html pages from within the browser in live code.

The page loads fine and all the links work except the href link to the CSS page located in the "stylesheets" folder within the "UiUIKit" folder . So my pages have no "style'.

I tried placing the "iphone.css" file in the "UiUIKit" folder and changing the href link from <link rel="stylesheet" href="stylesheets/iphone.css" /> TO <link rel="stylesheet" href="iphone.css" />
but still no luck.

How did you deal with this?
Thanks,
Dave
erm... can't you also copy the CSS file to that folder? 8)


Best

Klaus

FireWorx
Posts: 362
Joined: Wed Sep 07, 2011 9:39 pm

Re: HTML Scroller Window

Post by FireWorx » Tue Feb 07, 2012 1:32 am

Hi Klaus,
Yes I was able to take the folder containing all the html files and copy them over to the special folder path documents folder and then launch them ok but the CSS stylesheets folder and the images folder's were nested within that folder and they did not copy over. (must have been my script error) I separated those two folders out and loaded them into the copy files area and then my script copied them alongside the html folder and low and behold.... the CSS style link is working and the .png files are also linked and loading onto the web page.

SO that is cool!

Thanks
Dave

Post Reply