**** BEGIN LOGGING AT Sat Aug 18 03:00:00 2012 Aug 18 03:46:14 could someone help me to put my 3x4 grid of buttons to equally share the whole screen Aug 18 03:46:35 please Aug 18 04:24:30 * phil_bw wanders by Aug 18 04:24:34 baboo, im no enyo expert, but if you hang out here people who know what they are doing will show up out of nowhere and help out :) Aug 18 04:25:07 what do you need help with? Aug 18 04:28:47 phil_bw, " could someone help me to put my 3x4 grid of buttons to equally share the whole screen" Aug 18 04:29:33 baboo, are they always going to be in a grid of 3x4? Aug 18 04:46:46 yes Aug 18 04:47:20 I would build it the same way you would a regular web site wiith divs (only instead using enyo controls) Aug 18 04:47:39 for example 3 inline divs each 33% width Aug 18 04:47:50 with the buttons inside set at 100% width Aug 18 04:47:57 then just do that 4 times Aug 18 04:51:21 ..x2
button1button2>button3button4
Aug 18 04:51:25 is one way to do it Aug 18 04:51:44 i probably screwed that up though so i'm going to stop there. Aug 18 04:52:02 i forgot about that Aug 18 04:52:08 man I don't know which one of us is more old school today Aug 18 04:52:19 me using my Palm Centro, or you doing layout with tables :P Aug 18 04:52:44 i'm making the buttons flex as 1 Aug 18 04:54:22 :P Aug 18 05:31:02 my goodness Aug 18 05:31:34 don't you hate it when you spend hours trying to fix something to no avail, then give up and move on, fix something else (which isn't actually broken) which subsequently fixes the first problem Aug 18 14:25:38 some one make note that i lol'd at phil_bw Aug 18 15:34:40 i have a problem now Aug 18 15:35:29 i don't think that my HFlexBoxes' height is scaling Aug 18 15:36:17 my code is {kind:"HFlexBox", style:"height:25%", Aug 18 15:37:04 Oh and phil_bw, thanks for the help last night Aug 18 15:40:57 i usually have problems with percents. you can try adding !important after Aug 18 15:41:03 "height: 25% !important;" Aug 18 15:42:10 ok i'll try that Aug 18 15:42:58 also remember that 25% is not the window height it's the height of whatever container it's inside Aug 18 15:43:15 if that container does not have flex on it, then the 25% height won't do anything Aug 18 15:43:24 which is a full screen pane Aug 18 15:46:06 i just noticed that i only seee 1 nonstyled row of buttons Aug 18 15:48:17 my complete code is: http://pastebin.com/qVLErrEz Aug 18 15:49:48 i don't think you're doing it the right way. Aug 18 15:50:10 i think you need to add flex: 1, to your pane and mainview Aug 18 15:50:14 how should i do it Aug 18 15:50:20 then add flex: 1 to all of your button containers Aug 18 15:50:38 then in your button containers add another layer with an hflex box Aug 18 15:51:08 i tried to make all my hflexboxes flex:1 Aug 18 15:51:11 you shouldn't need four height: 25%; you can do what you want with flex Aug 18 15:51:21 nothing happened Aug 18 15:53:08 h.o Aug 18 15:53:25 http://pastebin.com/6Y6FTe3q Aug 18 15:55:00 Thank you! Aug 18 15:57:55 it works Aug 18 15:58:05 sweeeeeeeeeet. you shouldn't need the height properties Aug 18 15:58:37 the reason it works is because in order for flex to work you have to pass it to the next component Aug 18 15:59:05 it's like a baton in a race. the next person will never get the baton if no one ever gives it to 'em Aug 18 16:03:25 unless they grab it from another person Aug 18 16:03:31 :D Aug 18 20:25:25 How do you get a component (such as a button) to align to the right? Aug 18 20:32:03 I have an onyx.Toolbar with layoutKind: 'HFlexLayout' and flex: 1 on one of it's components, but it doesn't seem to stretch it so that the next component is "aligned right" so to speak Aug 18 20:32:21 I dunno if I'm just doing something wrong or if there's a better way Aug 18 20:35:03 float: left; Aug 18 20:35:29 or text-align: left; on the toolbar Aug 18 20:35:56 Well it's components inside the toolbar I'm working with Aug 18 20:36:19 I tried float: right on the button I want on the right end of the toolbar, but no Aug 18 20:36:57 i know there's a pack attribute for toolbar in enyo 1 Aug 18 20:36:57 I also tried wrapping them in a FittableColumns and putting a {fit: true} before the button Aug 18 20:37:29 well are you using enyo 1 or 2 because fittablecolumns and hflexlayout are different. Aug 18 20:37:58 2 Aug 18 20:38:13 Yeah I was wondering if HFlexLayout was 1 only Aug 18 20:38:41 style: "float: right;", //should definitely work on the element inside the toolbar Aug 18 20:39:17 It didn't Aug 18 20:39:28 would you mind pasting your code ? Aug 18 20:39:41 All it did was making it huge the component left of it and then the grabber (leftmost component) vanished Aug 18 20:39:45 Sure, hang on Aug 18 20:40:03 hug* Aug 18 20:46:15 Hmm can't get anything to show up on jsFiddle Aug 18 20:46:32 i just use pastie or pastebin Aug 18 20:49:43 https://gist.github.com/3389798 Aug 18 20:51:00 That's just one of the many ways I tried it Aug 18 20:53:42 Well, it's working now wtf Aug 18 20:53:53 Maybe I'd forgotten to hit save Aug 18 20:54:13 XD Aug 18 20:54:32 derp Aug 18 21:06:35 lol Aug 18 21:06:44 glad i could help Aug 18 21:09:16 thanks :) Aug 18 21:11:05 Is there a way to send an event *down* the chain? Aug 18 21:11:29 I know you can bubble up, but in this component I want to trigger the event of a child Aug 18 21:12:06 If that's at all possible Aug 18 21:19:30 you can try .waterfall() Aug 18 21:19:37 idk if that is still an event or not. Aug 18 21:20:08 ugh, i wish the cardslideinarranger worked the other way for previous Aug 18 21:20:20 maybe.. LeftRightArranger Aug 18 21:20:47 oh my god it's beautiful Aug 18 21:21:27 i'd like to say thank you for whomever is responsible for LeftRightArranger Aug 18 21:38:22 Yeah LeftRightArranger is nice Aug 18 21:38:43 Kind of bugs me that the CardSlideInArranger only animates one way Aug 18 21:40:43 So how would waterfall work? Basically I want this button to call the "pulldownComplete" event of the pulldownlist in a child component Aug 18 21:40:57 To trigger the list to refresh Aug 18 21:41:42 So it's something like [ {kind: button}, {kind: fittablerows, components: [ {kind: pulldownlist} ]} ] Aug 18 21:42:39 The eventHandler lives in the pulldownlist of course Aug 18 21:43:28 I don't want to use a Signal because it would get quite messy, because there will be several of these lists and they are generated based on user interaction, so I can't closely tie anything Aug 18 21:43:56 And using a Signal would be messy in that I would have to figure out a way to make sure the Signals go where they're supposed to Aug 18 21:45:34 Need to find some docs on waterfall Aug 18 21:55:56 err i'm not entirely sure Aug 18 21:56:20 i know it used to be a function, but i remember trying to call it the other day and it didn't work. i don't wknow what component i called it on Aug 18 21:56:26 i think it's in component.js Aug 18 21:57:01 Sends a message to myself and my descendants. Aug 18 21:57:07 waterfall: function(inMessageName, inMessage, inSender) { Aug 18 21:57:53 it just dispatches a bunch of events to the target element and its' components Aug 18 22:14:35 hmm Aug 18 22:26:17 Got it working Aug 18 22:31:47 fxspec06: do you know any resources on how enyo.WebService is used? I feel like I should just have a kind with a bunch of enyo.WebService components and Signals to invoke them or something, but I'm not sure if this is the best way to implement Aug 18 22:32:14 I would love to better organize all my AJAX stuff with it Aug 18 22:32:24 I just can't find any documentation on it Aug 18 22:32:27 this is the best i can give other than the 2.0 docs https://developer.palm.com/content/api/reference/enyo/enyo-api-reference.html#base/services/WebService.js Aug 18 22:32:52 i am pretty sure there's other stuff if you surf developer.palm.com Aug 18 22:33:02 i think there's like other tutorials on webservice somewhere. Aug 18 22:33:58 ok thanks Aug 18 23:20:44 frak Aug 18 23:27:45 Any idea how to get my menus (click on a project in the list to see the toolbars with "..." menu buttons) to display properly for panels that are on the left side? http://therealklanni.github.com/kanbanana/debug.html Aug 18 23:28:26 It's a carousel arranger, so whenever the toolbar appears on the left half of the carousel, the menu is cut in half Aug 18 23:29:50 I need to find a way to get the menuDecorator to treat the left side the same as the right side. The menu on the right side opens shifted farther to the left because the document ends Aug 18 23:30:36 Or else I think I'll have to use a bottom toolbar, but I don't want to take up additional vertical space Aug 18 23:39:47 ok what am i looking at Aug 18 23:40:48 woah man you should add "enyo-unselected" to your body class Aug 18 23:41:01 "enyo-unselectable" **** Aug 18 23:41:17 When you click a project in the list it opens a new panel. there is a number of carouselarranger style panels in that panel, each with its own toolbar and a menu "..." when you open the menu on the left carousel panel it's cut in half Aug 18 23:41:33 Will do Aug 18 23:41:39 You mean to the root kind? Aug 18 23:41:44 ya, to the body Aug 18 23:41:47 ok Aug 18 23:41:51 in .html Aug 18 23:41:55 ;) Aug 18 23:41:57 oh that ok Aug 18 23:42:24 Yeah I haven't bothered too much with making things look nice at this point, just functional to start with Aug 18 23:42:38 i see what you're talking about Aug 18 23:42:46 if you want to fix it right now Aug 18 23:42:52 you can give it a z-index property Aug 18 23:42:53 It appears I already have enyo-unselectable Aug 18 23:43:19 but i think once you fix your other layout issues it might go away Aug 18 23:43:39 Hmm, like what? Aug 18 23:44:20 well it's really glitchy Aug 18 23:44:23 moving around Aug 18 23:44:24 (I don't have any issues with selection, btw, and it seems to have enyo-unselectable already on the body) Aug 18 23:44:41 ok, ya i was just saying that coz every time i drag w/ my mouse it selects stuff Aug 18 23:44:45 I don't know why that is Aug 18 23:44:49 I thought it was just my browser Aug 18 23:45:05 Which browser are you in? Aug 18 23:45:10 I'm not seeing that in Chrome Aug 18 23:45:18 (selection thing) Aug 18 23:45:53 heh sorry, two conversations at once Aug 18 23:46:05 heh, my default is firefox Aug 18 23:46:16 oh hey it works better in chrome Aug 18 23:46:21 no surpsise -_- Aug 18 23:46:39 I get the glitchiness too, but I figured it's because my computer is crap Aug 18 23:46:44 Seems OK on my smartphone Aug 18 23:46:47 lol ok i see Aug 18 23:46:50 hrm Aug 18 23:47:05 add "showOnTop: true" to your menu Aug 18 23:47:15 ok Aug 18 23:49:22 Nada. On the menu, not menuDecorator, right? Aug 18 23:50:09 right Aug 18 23:50:57 I think I might switch up the carousel arranger for a different one anyway, it's not quite as good of a UX for this as I'd thought it would be Aug 18 23:51:09 Just too cramped on mobile Aug 18 23:51:25 It almost works, but not quite Aug 18 23:52:06 The showOnTop didn't do anything though, FYI Aug 18 23:52:18 Or at least didn't resolve the issue I'm having Aug 18 23:52:51 it could be a bug w/ carousel arranger Aug 18 23:54:38 Is it possible to disable the left/top "slice" in the LeftRight or TopBottom arrangers (respectively)? Aug 18 23:55:06 I'd rather have it only show the right/bottom slide peeking Aug 18 23:59:06 i can start chrome normally and enyo works fine Aug 19 00:04:46 Any idea how calcArrangementDifference works? Aug 19 01:35:51 can you pass arguments to a function in the onclick parameter of a function Aug 19 01:36:19 like {kind:"Button", flex:1, content: "Button", onclick: "goToScene('hi')"} Aug 19 01:59:07 no Aug 19 02:01:28 ok :( Aug 19 02:10:26 What exactly are you trying to do? Aug 19 02:24:07 make a function that accepts a string as an argument and loads the pane with the name as the string Aug 19 02:25:26 and call the same function with 12 buttons but different string values **** ENDING LOGGING AT Sun Aug 19 03:00:01 2012