Enyo 1.0 - Enyo

Enyo RichText how to set focus

isuhendro — Thu, 02 Feb 2012 15:07:45 +0000

hello,

i am trying to set focus cursor to a Enyo RichText component via JavaScript ~ is there a way for doing this?
Thanks..

Database Location on Desktop

Sandbox — Fri, 30 Nov 2012 20:09:47 +0000

Hi All,

I have asked this question under webos forum but got no response. Just trying my luck here.

When I open my app in a browser e.g Safari, and I add some data, where is this data stored on the PC?. I would like to open this data in another program such as SQLite Database Browser.

thanks in advance.

Select VirtualList item programatically

johncc — Fri, 16 Nov 2012 02:31:04 +0000

Can I select/highlight an item in a VirtualList programatically using the index number of the item.

Thank you

StyleMatters

unwiredben — Fri, 26 Oct 2012 22:37:02 +0000

We pulled the Enyo 1 StyleMatters from the showcase list on our site with the 2.1 update, but the URL for it still works. If you need to view it online from a WebKIt-based browser, go to http://enyojs.com/samples/stylematters/.

Extending VirtualRepeater and the onSetupRow event

pcworld — Fri, 12 Oct 2012 14:18:23 +0000

When I extend VirtualRepeater using

enyo.kind({
	name: "Test",
	kind: "VirtualRepeater",
	onSetupRow: "onSetupRow",
	
	onSetupRow: function(sender, index) {
		this.log();
	}
});

...onSetupRow is never called.

What's the best way to catch events from the inherited kind?
Kind of annoying that I have to put VirtualRepeater into the components block instead of just extending it.

Invisible SlidingView

MaKleSoft — Thu, 27 Sep 2012 05:46:33 +0000

I have come across a problem that manifests in some browsers but not in others. It has been brought to my attention by iPhone users who have recently updated to iOS 6.

Here is the thing: I am using a SlidingPane for navigation, similarly to the email app on the TouchPad. As it is the nature of the SlidingPane, it changes its behaviour for narrow displays like the one of a smartphone to display only one view at a time. When this happens, and the user tries to bring the right-most view on the screen, it is transparent! You can see the shadow of the view slide over, but the rest of the view is invisible. I haven't been able to figure out why this happens or how to fix it.

So far, I know the problem to appear in iOS 6 and in chrome. Any help would be appreciated!

ModalDialog with Scroller and dynamic Content

imperialcoder — Thu, 13 Sep 2012 22:28:32 +0000

Hi, I'm trying to accomplish an Enyo 1 app for the Pre(s) but do constantly fail to implement a modal dialog with a scroller and dynamic content. As per https://developer.palm.com/distribution/viewtopic.php?f=11&t=17199 a solution should exist, but I can't get it to work.

Parts of my code so far:

enyo.kind({
    name: "ErrorDialog",
    kind: "ModalDialog",
	lazy: false,
	caption: '',
	contentHeight:"100%", 
	width:"80%", 
	height:"80%",

    components: [
	{ name: "scroller", kind: "BasicScroller", style: "height:225px", 
	autoVertical:true, components: [
		{ name: "message", className: "enyo-paragraph", 
		allowHtml: true },
		{ kind: "Spacer" },
		{ name: "acceptButton", kind: "Button", 
		className: "enyo-button-affirmative", onclick: "acceptClick" }
	]}
    ],
....

Any hints?

How to use sqlite .dot commands within Enyo?

Sandbox — Thu, 06 Sep 2012 10:36:40 +0000

I am thinking of using Sqlite .commands on my sqlite database app, but do not know how to. Basically an onclick function to implement the .command.

for example a .import to import into my database. Any example or pointers appreciated.

Dates between two datepicker values

Sandbox — Thu, 16 Aug 2012 08:34:01 +0000

I have been trying to use the values from two datepickers to filter my data in sqlite. My date column has datepicker value formated as 'DD-MM-YYYY', when i use datepicker values with BETWEEN, I get data filtered but only by DD range. I have tried to use some date functions i.e to_date() and DATEPART() with my BETWEEN but without success
What is the best way of extracting dates between two datepicker values given that it gets posted as text in my date column?

help much appreciated.

Duplicated tap event on android 4.1 Jelly Bean with enyo 1.0

yeye77 — Sat, 21 Jul 2012 07:27:09 +0000

this code run fine in Chrome and in all previous version of android but with android 4.1 (using phonegap) "itemClick" get called 2 times when I click on the button. I have no idea what can cause this problem. Can someone help me? Thansk in advance

enyo.kind({
	name: "TestApp",
	kind: "VFlexBox",
	
	components: [
		{kind: "Button", content:"click Me", onclick:"itemClick"},
		{kind:"Control",content:""}
		
	],
	create: function() {
		this.inherited(arguments);
		this.i=0;

	},
	itemClick: function(inSender, inEvent) {
		this.i++
		var a = this.$.control.getContent();
		this.$.control.setContent(a+" test"+this.i)
	}
	
});

Enyo 1.0 website, sliding panes and virtualList not working on pre2 and iphone 4

drahgon — Fri, 08 Jun 2012 19:51:05 +0000

I have a website built with enyo 1.0. Opening the site on the pre 2 or the iphone 4 it does not work. On the pre 2 the app loads fine, but when I try to scroll the entire page moves around. On the iphone 4 the app does not ever finish loading. Any ideas?

sqlite returned "undefined" convert to 0

Sandbox — Sat, 07 Jul 2012 17:08:40 +0000

Hi all. I have been trying to find an answer to this little problem but have failed so far.

In my sqlite app, in some queries I get a result 'undefined' (which is a correct return since no correct entry is found). I would like to convert any result returned as 'undefined' to a value 0, but i cant seem to get hold of the value "undefined" to convert.

basically, i would like a value 0 showing in any position where 'undefined' appears in my app.

any help appreciated

Populating Picker items with a new array

hollandnumerics — Fri, 06 Jul 2012 14:03:58 +0000

Enyo 1.0 for HP TouchPad (and possible Google Chrome too?).

I've created a countries array:

published: {
countries: [{
    caption: '*All*',
    value: '*All*'
}, {
    caption: ' ',
    value: '*All*'
}]
}

for a Picker used for a country selection list:

{
    kind: "Picker",
    name: "sendCountry",
    className: "selector",
    items: this.countries,
    flex: 10,
    value: '*All*'
}

I've tried to update this.countries and update the Picker using the following code:

this.$.sendCountry.items = this.countries;
this.$.sendCountry.itemsChanged();

but the Picker doesn't seem to recognize the change.

Should this work, do I need to do something else too, or is there a better way?

.........Phil

Textarea Kind (replacement for RichText)

erupnu — Sat, 04 Feb 2012 09:49:19 +0000

If you are using a RichText kind (Enyo 1.0), then you will likely notice quickly that this will not work on iOS 4.x nor Android.

I have been working on a solution, and I finally have one! It was deceptively simple. I modified the enyo.Input (and enyo.BasicInput) to have a nodeTag of "textarea" instead of input.

Then, a few tweaks to make it grow in height as lines of text are entered or the input updated (due to the work of Greg Hrebek). Even some code to watch for min-height and height (so it all jives).

The end result is a new Textarea Kind. It works the exact same as Input, but well, allows for multiple lines of text.

Copy this into your project, then replace all RichText kinds with Textarea:

http://pastebin.com/kV7LMRs6

The code is too long to fit in this window, so check it out on Paste Bin. ** I updated this with the correction Syntactix made.

IMPORTANT NOTICE:

In order for this to work cross-platform (Android, iOS 5.0, etc), you must make a change to the enyo-build.js file. Around line 2692-ish of enyo-build.js, you must change the ontouchstart function to exclude TEXTAREA from the preventDefault.

Change:

touchstart: function(a) {
this._send("mousedown", a.changedTouches[0]), a.target && a.target.nodeName != "INPUT" && a.preventDefault();
},

To:

touchstart: function(a) {
this._send("mousedown", a.changedTouches[0]), a.target && a.target.nodeName != "INPUT" && a.target.nodeName != "TEXTAREA" && a.preventDefault();
},

Tag:null or noDom in enyo1

yeye77 — Tue, 12 Jun 2012 17:16:07 +0000

In enyo 2 if you set tag:null to a control, the control do not create any HTML code but you can add child controls to it. Is there a way to get the same behaviour in enyo1?

Iframe sizing problem on Android phone

cookie — Tue, 08 May 2012 06:36:35 +0000

With the code below, whether I instantiate an "Iframe" kind or set the content to the HTML, ...


        { kind: "Scroller", name: "teeTimeScroller", flex: 1, components: [
//            { kind: "Iframe", name: "webview", url: "http://cnn.com", classes: "enyo-fit", pack: 1 }
            { name: "webview", content: 'http://cnn.com"; class="enyo-fill" style="border: none; width: 100%; height: 100%;">'}
        ] },

the Iframe displays the content in Chrome, but not in the Android WebView - the scroller's area is just blank. On the phone, the Android browser control seems to be unable to figure out how to size the Iframe. If I put hard coded width and height styles in the Iframe tag, then that works ... but I don't want to have to do that.

Any ideas?

tuning app UI (e.g. carousel)

cookie — Wed, 13 Jun 2012 19:52:49 +0000

I'm coming to end of my 1.0 release (using enyo 1.0 on Android with PhoneGap) and I have a very uneasy feeling about it. The performance is keeping me up at night (and that's based on what I see on my Galaxy Nexus -- what are the more modest devices gonna do?). It's not a huge app, in fact all the data is really simple.

I've got a carousel of views that is painfully slow to flick through. I've looked through forum posts to find a solution. I've found the code in the Scrolling ... post that fixes the dragging in ScrollStrategy. I don't think that will help (tried it). Is there any other known issues around carousels?

The other real annoyance is that when I'm flicking through the carousel, it doesn't animate the rest of the flick after I lift my finger up. That makes it really hard to detect visually whether or not it actually went to the next/prev view. Is there any fix for that?

The UI was fun to create - really easy to assemble. But these issues have got to be fixed before I ship this thing.

adding scrollbars on desktop?

ekdikeo — Wed, 06 Jun 2012 18:42:06 +0000

I swear I remember seeing someone post an updated Scroller kind (for Enyo 1) that would include standard scroll-bar controls when used on a desktop browser, and as Chrome is rapidly becoming a highly ranking platform for me, this suddenly has interest to me - But I can't locate it searching.

Anyone happen to recall where that might've been, if it's around here? Or was I dreaming?

webService to retrive web content?

hig — Thu, 31 May 2012 02:46:15 +0000

I am working on a project to build an app for Touchpad (well, for now). I planned it to view a web forum website, to retrieve the content from the server, save it, then parse, and css it the way want it to be on the Touchpad.

I have constructed the basic controls and stuff, works ok. However, I am stuck at the webService part for retrieving the content from the server. I have tried this for a long time I have the following code:

{kind: "Scroller", flex: 1, onclick: "getBBS", components: [
						//Insert your components here
							]},
							getBBS: function() {
								var xmlhttp = new XHR();
								xmlhttp.open("GET","http://www.theBBS.com";);
								xmlhttp.send();
								var J=eval(xmlhttp.responseText);
							}
/*							{name: "getBBS", kind: "WebService",
								url: "http://www.theBBS.com",
								onSuccess: "gotBBS",
								onFailure: "gotBBSFailure"
							},
							this.$.getBBS.call(),
							gotBBS: function(inSender, inResponse, inRequest) {
								this.results = inResponse;
							},
							gotBBSFailure: function(inSender, inResponse, inRequest) {
								console.log("Got failure from getBBS");
							},
*/

I have tried this way, an also I have tried the commented part to retrieve the info, but I don't think it's correct. I am developing it in eclipse with Aptana, package, install and launch with command line, run it on a virtualbox emulator in Ubuntu. It's kind of hard to debug it, since there is actually no debugging option out in this configuration.

I really want to contribute to WebOS community by adding my two cents to it. Any suggestions comments are deeply appreciated!

Cross app launching on Android

ScienceApps — Sat, 02 Jun 2012 22:45:31 +0000

Hi folks,

In my webOS app, I have a button which opens the web browser using palmservice. Indeed, it doesn't work on Android. so I tried to create a simple html link inside a content like this :

....
{name:"mycontent", content:""},
....
this.$.mycontent('click this link');

This content is displayed as a link (underline & blue) but doesn't fire the android browser...

any ideas ?

Thanks for answer.

Scrolling...

IngloriousApps — Sun, 12 Feb 2012 16:14:42 +0000

I get the feeling everyone is ignoring this obvious problem. Scrolling of VirtualLists is not butter-smooth. On iOS and Android. As the Apps begin to pour in, devs are gonna get slammed for this. Anyone have any hacks for this? Or am i the only one using a VirtualList?

how to hide the pane, and as I make it visible?

flashminz — Thu, 31 May 2012 14:00:02 +0000

how to hide the pane, and as I make it visible?

How to set locale on the BlackBerry PlayBook?

svzi — Sun, 29 Apr 2012 23:08:15 +0000

Hi all,

my app, MeOrg!, supports multiple languages (english, german and french) and that works perfectly on webOS. On the BlackBerry PlayBook it's always the english locale active. I've already tried to set the locale manually with enyo.g11n.setLocale({ uiLocale: 'de' }); but that did not change anything (I've tried to set it before I create my app via the index.html and I tried it in the create-function of my main class as well).

Any help would be really much appreciated!

Cheers,
Sven

Scroll to bottom in VirtualList?

eugenio_g7 — Fri, 18 May 2012 16:40:57 +0000

Hello,

I searched everywhere, but didn't find something to scroll to bottom in VirtualList... There is a way to do it without much hassle?

Eugenio

Scroller/VirtualRepeater running over into a toolbar?

m0ngr31 — Wed, 09 May 2012 01:32:52 +0000

So I'm having a problem with one of my apps I made for the touchpad. On webos 2.x it does something weird where the scroller looks like it's running over the bottom toolbar.

Here's a picture:

My app only has 2 panes (both have scrollers and the other one works fine). Any suggestions?

renderInto killing events

cookie — Sun, 06 May 2012 04:54:04 +0000

I'm having a problem after the initial renderInto(document.body) is done and the user clicks on a button (in a footer), and I do:
new ContactUs().renderInto(subPageContainer.node) and that seems to work fine. However, after that point, clicking (in Chrome or tapping on the phone) does not fire any events.
Any ideas?

Here's the code:



enyo.kind({
    name: "Launcher",
    kind: "VFlexBox",
    scoreCardsPage: null,
    contactUsPage: null,
    feedPage: null,
    published: {
        course: {}
    },
    components: [
        { kind: "Scroller", name: "teeTimeScroller", flex: 1, components: [
            { kind: "Iframe", name: "webview", url: "", flex: 1 }
        ] },
        { kind: "Control", name: "subPageContainer", flex: 1, showing: false, components: [
        ]},
        { kind: "HFlexBox", name: "buttonFooter", pack: "end", components: [
            { kind: "Button", name: "teeTimeButton", onclick: "onTeeTimeClick", flex: 1, components: [
                { content: ''},
                { content: 'Tee Time' }
            ] },
            { kind: "Button", name: "scoreCardButton", onclick: "onScoreCardClick", flex: 1, components: [
                { content: ''},
                { content: 'Score Card' }
            ] },
            { kind: "Button", name: "contactUsButton", onclick: "onContactUsClick", flex: 1, components: [
                { content: ''},
                { content: 'Contact Us' }
            ] },
            { kind: "Button", name: "feedButton", onclick: "onFeedClick", flex: 1, components: [
                { content: ''},
                { content: 'Feed' }
            ] }
        ]}
    ],
    create: function() {
        this.inherited(arguments);
        Startup.setup(this);
        this.db = DB.getDB();
        this.database = this.db.getDatabase();
        this.course = this.db.getHomeCourse();
        this.$.webview.setUrl(this.course.site_url);
        this.$.feedButton.setShowing(enyo.isString(this.course.feed_url) && this.course.feed_url.length > 0);
    },
    onTeeTimeClick: function(inSender, inEvent) {
        enyo.log("Tee Time clicked");
        this.$.subPageContainer.hide();
        this.$.teeTimeScroller.show();
        this.$.webview.setUrl(this.course.tee_time_url);
    },
    onScoreCardClick: function(inSender, inEvent) {
        enyo.log("Score Card clicked");
        this.$.teeTimeScroller.hide();
        this.$.subPageContainer.show();
        if (this.scoreCardsPage == null) {
            this.scoreCardsPage = new ScoreCards();
        }
        this.scoreCardsPage.renderInto(this.$.subPageContainer.node);
    },
    onContactUsClick: function(inSender, inEvent) {
        enyo.log("Contact Us clicked");
        this.$.teeTimeScroller.hide();
        this.$.subPageContainer.show();
        if (this.contactUsPage == null) {
            this.contactUsPage = new ContactUs();
        }
        this.contactUsPage.renderInto(this.$.subPageContainer.node);
    },
    onFeedClick: function(inSender, inEvent) {
        enyo.log("Feed clicked");
        this.$.teeTimeScroller.hide();
        this.$.subPageContainer.show();
        if (this.feedPage == null) {
            this.feedPage = new Feed();
        }
        this.feedPage.renderInto(this.$.subPageContainer.node);
    }
});

Scroll to top in VirtualList

isuhendro — Fri, 23 Mar 2012 07:04:38 +0000

Hi.. i am trying to find function to "scroll to top" in VirtualList. Is there any?
Thanks

VirtualList scrolling to row index without rendering every item

chrisvanhooser — Wed, 25 Apr 2012 00:36:21 +0000

Enyo 1.0 VirtualList.

So i have a list that can have over 10000 entries.

Sometimes i am going to need to scroll to item #8000 from item #0.

I have all the required info for each row already in memory.

The only way i have found so far is to find the scrollspot of the item, set it to the scroller, and then call start() on the scroller, which then will scroll through the list until it reaches the item. When it has to go through 8000 items, it takes upto 10 seconds.

I've been digging through everything that makes up the VirtualList, but i can't figure out a way to get it to start rendering from a specific page.

Is it possible?
I need like a scrollIntoView() method for the VirtualList.

Out of the box ~ CSS for record count - in Enyo

isuhendro — Tue, 24 Apr 2012 05:02:49 +0000

Hi,

Is there any out of the box CSS (+ its image) that can be used for displaying record count in Enyo?
Something like being used in Enyo Mail application to display number of emails for each folder (Inbox , Sent, etc).

Thanks..

Enyo job, setTimeout, setInterval Slow Down For Inactive Windows

tkimmett — Thu, 19 Apr 2012 08:02:21 +0000

If in my application I use something such as enyo.job("jobName", enyo.bind(this, "function"), 10000), it works as expected and executes this.function() after 10 seconds have passed. However, say this statement gets executed (the job starts counting down to when it needs to run), then I unfocus my application (go to card view or another app). When my application window is not active, the job takes much longer than the prescribed 10 seconds to execute.

This slow down exists for other similar functions such as setInterval and setTimeout.

My question is whether or not this is intentional as some kind of resource management, or if anyone is even aware of the issue.

Any more information would be much appreciated, thank you.