**** BEGIN LOGGING AT Fri Nov 02 03:00:00 2012 Nov 02 16:11:02 how can I create a panel like the left panel in the enyo2 sampler? Nov 02 16:11:28 that's a very broad question Nov 02 16:11:34 :) Nov 02 16:11:42 let me try to be more specific. Nov 02 16:12:05 basically to answer, make whole screen a fittablecolumns, give it the enyo-fit class Nov 02 16:12:08 inside that Nov 02 16:12:10 i want a sliding panel (my main content) with a stationary panel to the left, that the main panel can slide over top of Nov 02 16:12:30 put a fittablerows with a width of 200px, and then another fittablerows and apply the fit: true, property to that Nov 02 16:12:34 you SHOULD get the results you want Nov 02 16:12:45 gotcha. thanks Nov 02 16:12:51 i'll see if i can hack that. Nov 02 16:12:52 well, that will make it static Nov 02 16:12:57 if you can get that far, come back Nov 02 16:13:02 ;) Nov 02 16:16:49 http://pastie.org/5172516 Nov 02 16:17:18 if you put that in the components block of your main kind, you should get the desired results Nov 02 16:20:54 weird. not quite working right. Nov 02 16:21:23 http://cl.ly/2L093F0g0A13 Nov 02 16:23:54 sort of is Nov 02 16:24:16 the button i've got there is where i want the panel to be Nov 02 16:24:24 but i want it to be a button, not huge thingie like it is Nov 02 16:28:50 hmm, hard to imagine what's in your head, but Nov 02 16:29:27 where the ? button is, i want there to be a 50px wide panel with a 30x30 button at the top Nov 02 16:29:40 sizes are, of course, not final. just an example. Nov 02 16:29:49 ah, k sorta like http://i.imgur.com/0zMri.jpg Nov 02 16:29:54 but without the massive button, lol Nov 02 16:30:23 yeah. the button should be a panel with the button inside it as content Nov 02 16:32:04 http://cl.ly/image/390f3t071c1e Nov 02 16:32:08 like the enyo2 sampler pulls off Nov 02 16:32:13 except buttons, instead of row items Nov 02 16:33:38 like > http://i.imgur.com/AvdnD.png Nov 02 16:34:41 http://pastie.org/5172585 Nov 02 16:35:05 then just change min-width to expand or contract the leftPanel Nov 02 16:35:32 exactly Nov 02 16:36:01 perfect. thank you. :) Nov 02 16:36:13 yvm Nov 02 16:36:17 yvw* Nov 02 16:59:11 hm. is there a class to center? Nov 02 16:59:35 not exactly, the best way to center is to use style text-align:center; Nov 02 16:59:55 for vertical centering i'm afraid you are probablySOL Nov 02 17:00:06 horizontal is fine Nov 02 17:00:30 text-align:center; will also center elements, too Nov 02 17:01:09 oh, beautiful Nov 02 17:01:13 that looks lovely. Nov 02 17:01:38 http://cl.ly/image/1S0I1x3U320f Nov 02 17:01:48 awesome!!!!!! Nov 02 17:02:04 approve? Nov 02 17:02:13 absolutely Nov 02 17:03:23 hmm. i need a refresh icon. like, two arrows in a circle Nov 02 17:03:55 hmm. i wish there was an official icon pack somewhere Nov 02 17:03:55 preferably white Nov 02 17:04:21 or, a single arrow in a circle Nov 02 17:04:25 yeah, an icon pack would be nice. Nov 02 17:04:35 maybe Roy__ knows of an "official" refresh icon? Nov 02 17:04:49 i got one, h.o Nov 02 17:05:01 http://i.imgur.com/qW0Hv.png Nov 02 17:05:19 i love it. Nov 02 17:05:20 that's from one of the enyo 2 sample apps i think Nov 02 17:06:02 perfect. Nov 02 17:11:32 https://github.com/fxspec06/enyo-icons Nov 02 17:11:53 http://cl.ly/image/1q1Q033M393K Nov 02 17:11:55 pretty Nov 02 17:30:49 HaDAk: Lookin' nice. Nov 02 17:30:58 Roy__: thanks :) Nov 02 17:31:05 Art Dahm was saying he could help with the porting. Nov 02 17:31:10 Roy__: my first real foray into enyo2 design Nov 02 17:31:15 I'll see if I can get him in here. Nov 02 17:31:19 excellent Nov 02 17:31:28 i can do the layout, probably, but functionality? i'm going to need help with that. Nov 02 17:37:12 hmm. Nov 02 17:37:17 ok, interesting scenario Nov 02 17:37:38 i need to have a full layout in a toolbar. fittable rows and columns. Nov 02 17:38:21 I want "Preware" and a tagline below it, but also a panel of separate text or icons to the right Nov 02 17:38:40 but i screwed something up, cause it gives me [object Object],[object Object] Nov 02 17:38:48 lol Nov 02 17:38:57 http://cl.ly/image/352T0B1z2v09 Nov 02 17:39:27 i want something more like this http://en.wikipedia.org/wiki/File:Preware_2010-06-08_145644.png Nov 02 17:40:10 http://pastie.org/5172864 Nov 02 17:41:14 HaDAk: Meet Dragongears. Nov 02 17:41:21 hey Nov 02 17:41:26 hey Dragongears :) Nov 02 17:42:16 hold that thought! mexican food time. haha, back in a bit. Nov 02 17:42:22 this is my first time on irc, actually. Nov 02 17:42:29 for shame Nov 02 17:42:35 i'm bad. Nov 02 17:46:08 i can't comment on the [object Object],[object Object] issue right now, but for the banner, how about absolutely positioning the icon, then using left-margin to offset the text? (assuming the icon size and position isn't really going to change). Nov 02 17:46:10 ok well for 1, the onyx.Toolbar defaults to layoutKind of FittableColumns. so that is not necessary. but that's irrelevant Nov 02 17:47:34 the problem is that in your FittableRows, you have your two blocks of text inside CONTENT Nov 02 17:47:42 it should be components: Nov 02 17:48:14 what are we looking at? Nov 02 17:48:46 http://pastie.org/5172864 lines 22 and 23, he has content: where should be components: Nov 02 17:49:15 for sure Nov 02 17:50:19 HaDAk: when you use content, it overwrites the innerHTML of that node and you typically do this with just some text. To nest components, you use the components property (like fxspec06 said) Nov 02 17:52:53 i bet it's just a typo. i've done that myself a few times. Nov 02 17:53:03 bah, now sugardave is piping up. This place is going to hell! Nov 02 17:53:11 in a handbasket! Nov 02 17:53:11 sugardave: what are the odds the next enyo release will come with an official icon package? ;) Nov 02 17:53:38 fxspec06: That sounds like a pretty cool project for an add-on. Nov 02 17:53:42 i.e. refresh, new, add , left right up down etc.. Nov 02 17:53:44 fxspec06: Get busy. Nov 02 17:53:48 lol Nov 02 17:54:52 you really don't want me to do them Nov 02 17:57:18 hmm, vanilla forums is shaky for me right now Nov 02 17:57:45 not the best graphics designer? Nov 02 17:57:57 definitely no Nov 02 17:59:42 http://imgs.xkcd.com/comics/computer_problems.png Nov 02 18:01:57 heh Nov 02 18:02:40 so how's gram going? you guys get cool gram stickers yet Nov 02 18:20:16 sugardave: I got no clue what he's talking about, do you? Nov 02 18:22:32 what's gram? Nov 02 18:23:15 http://gram.com/ Nov 02 18:23:41 the new spin-off webos unit Nov 02 18:24:03 http://jsfiddle.net/dragongears/vpV7J/ Nov 02 18:26:32 we haven't been spun off. Nov 02 18:28:09 the enyo unit was, from what i understand. but i don't understand much Nov 02 18:40:33 sorry, I was on the phone. No, I know nothing Nov 02 18:50:29 * HaDAk is back Nov 02 18:50:34 mmm. burrito. :D Nov 02 18:50:39 anyway, hello Dragongears Nov 02 18:52:48 fxspec06: haha, oh. i wrote content instead of components Nov 02 18:55:11 oops. :-) Nov 02 18:55:36 THERE it goes. Nov 02 18:55:51 http://cl.ly/image/2M0B0M0S1P2T Nov 02 18:56:00 now it's my turn to go away for a bit. There's a jsFiddle up there for the header. Nov 02 18:56:16 Cool. Nov 02 18:56:49 a jsFiddle? what? Nov 02 18:57:17 Fittables can be expensive because they use JavaScript to make sure the content fits when things are resized. If you can get away with using CSS instead, you may be better off. Nov 02 18:57:45 gotcha. i didn't know that was "legal" Nov 02 18:57:45 http://jsfiddle.net/dragongears/vpV7J/ Nov 02 18:58:02 if it works, it's legal in my book. ;-) Nov 02 18:58:42 oh! Nov 02 18:58:42 neat Nov 02 19:27:37 hm. Nov 02 19:32:34 hm Nov 02 19:33:02 i broke something. Nov 02 19:33:10 how'd you do that Nov 02 19:33:12 http://cl.ly/image/080j381v3w0I Nov 02 19:33:20 it no longer slides, and the thingie is at the top. Nov 02 19:33:33 oh, it looks better that way Nov 02 19:33:37 http://pastie.org/5173385 Nov 02 19:37:30 i think it's not sliding because you should have both sides in the panels kind. that's what makes it slide Nov 02 19:38:26 yes, that is why Nov 02 19:38:38 i mashed my code into the other code provided. Nov 02 19:38:48 my code was already code lifted from the sampler Nov 02 19:39:38 this should make it slide... Nov 02 19:39:45 http://pastie.org/5173428 Nov 02 19:40:09 alls i did was move two lines fittableRows and panels up from above "body" Nov 02 19:40:22 and ruin your indentation even more ;) Nov 02 19:40:27 >.> Nov 02 19:41:21 sweet. now i just need to figure out how to put that pull bar on the bottom again :P Nov 02 19:41:23 the toolbar, i think you should look i think you need to really play with fit and fittables, they are hard to understand. they don't exactly work like flex Nov 02 19:41:47 i'll show you a graphic that may or may not help you, i made a few mo's back Nov 02 19:42:23 http://i.imgur.com/NZhvQ.png Nov 02 19:43:02 the enyo-fit class stretches a box, or container, to the edges of its' container. sugardave says, it sets top bottom left and right to 0, and adds the position: absolute; attributes Nov 02 19:43:19 fit: true, can only be applied once, unlike flex which can work everywhere Nov 02 19:43:30 interesting Nov 02 19:45:30 so for your toolbar not showing on the bottom, the steps to fix it are: 1. find out what its' container is 2. make sure its container is a fittablerows kind or layoutkind 3. make sure that something between the toolbar and the top of the container has the fit: true property Nov 02 19:47:28 wow, that was easy to fix. thanks! Nov 02 19:47:42 http://cl.ly/image/1526301Q0t2v Nov 02 19:48:31 awesome! Nov 02 19:49:00 looking shnazzy Nov 02 19:49:06 :) Nov 02 19:49:16 shiftyaxel was complaining that it didn't look like the old preware. Nov 02 19:49:18 i say GOOD Nov 02 19:49:20 cause the old one is ugly Nov 02 19:49:21 lol Nov 02 19:50:05 well, i like the preware dark theme, so to me it looks just fine Nov 02 19:50:28 i actually like the whole mojo dark theme. and, that's not even close to done yet lol Nov 02 19:50:36 it needs a tablet remake anyways Nov 02 19:50:40 hum. question: Nov 02 19:50:45 the shadow disappeared Nov 02 19:50:52 the last time I took a PS3 to my mother-on-law's house, I fried the A/V multi out on it. Gambling with the new one 6 years later Nov 02 19:52:00 you fried it! oh no! that SHOULD be covered under warranty Nov 02 19:52:09 esp if you've never used it. but i bet it wouldn't be Nov 02 19:52:33 er, the shadow would be a class maybe.. Nov 02 19:52:47 oh it was long ago. my first-gen one, but everything but RCA video worked after that. So I had to upgrade the home TV to an HD one :) Nov 02 19:52:49 oh, i see what happened. fixed. Nov 02 19:52:52 fittable-sample-shadow, or footer-toolbar Nov 02 19:52:53 cool Nov 02 19:53:03 looks purty Nov 02 19:56:47 sweet. it's up in github now. Nov 02 19:56:51 https://github.com/skipmeister123/preware-enyo2 Nov 02 19:57:40 coool man **** ENDING LOGGING AT Sat Nov 03 03:00:01 2012