Page Comparison

[00:21:46 EDT(-0400)] * Sememmon (n=Sememmon@ip70-190-32-223.ph.ph.cox.net) has joined ##uportal
[04:57:26 EDT(-0400)] * higmad (n=chatzill@pcit-8752.hig.se) has joined ##uportal
[08:18:48 EDT(-0400)] * tsnfoo (n=tsnfoo@cpe-173-88-27-191.columbus.res.rr.com) has joined ##uportal
[09:11:11 EDT(-0400)] * lennard1 (n=sparhk@ip68-98-56-21.ph.ph.cox.net) has joined ##uportal
[09:11:40 EDT(-0400)] * tsnfoo (n=tsnfoo@wso-mbp15-2.test.denison.edu) has joined ##uportal
[09:13:40 EDT(-0400)] * higmad_ (n=chatzill@130.243.6.30) has joined ##uportal
[09:23:36 EDT(-0400)] * athena (n=athena@75.58.127.15) has joined ##uportal
[09:26:49 EDT(-0400)] * EricDalquist (n=dalquist@bohemia.doit.wisc.edu) has joined ##uportal
[09:39:17 EDT(-0400)] * jessm (n=Jess@c-71-232-1-65.hsd1.ma.comcast.net) has joined ##uportal
[09:43:48 EDT(-0400)] * jessm (n=Jess@c-71-232-1-65.hsd1.ma.comcast.net) has joined ##uportal
[09:52:44 EDT(-0400)] * colinclark (n=colin@bas2-toronto09-1176131605.dsl.bell.ca) has joined ##uportal
[11:00:40 EDT(-0400)] <EricDalquist> hashing out the tabs in uPortal 3 always seems to take FOREVER
[11:00:45 EDT(-0400)] <EricDalquist> I can get them looking good
[11:00:53 EDT(-0400)] <athena> agreed
[11:00:54 EDT(-0400)] <EricDalquist> but then jQuery doesn't seem to return the right offset info
[11:00:56 EDT(-0400)] <athena> i hate those
[11:01:03 EDT(-0400)] <EricDalquist> and I've dug through the jquery docs
[11:01:12 EDT(-0400)] <EricDalquist> I don't really see better ways to get offset
[11:01:18 EDT(-0400)] <EricDalquist> I suppose we could try relative positioning
[11:01:34 EDT(-0400)] <EricDalquist> have the flyout divs be hidden inside the <li> or something
[11:01:43 EDT(-0400)] <EricDalquist> not sure that would help though
[11:02:20 EDT(-0400)] * michelled (n=michelle@142.150.154.193) has joined ##uportal
[11:03:48 EDT(-0400)] <athena> yeah i'm not sure that's going to work
[11:04:15 EDT(-0400)] <athena> you don't want the <li>s to expand when the flyouts appear
[11:04:20 EDT(-0400)] <EricDalquist> yeah
[11:04:32 EDT(-0400)] <athena> i'd like to just look for a plugin we can re-use for those flyouts
[11:04:56 EDT(-0400)] <athena> and at this point we should be able to use bgiframe rather than handling the iframes ourself
[11:05:40 EDT(-0400)] * holdorph (n=holdorph@wsip-72-215-204-133.ph.ph.cox.net) has joined ##uportal
[11:05:47 EDT(-0400)] <EricDalquist> yeah
[11:05:54 EDT(-0400)] <EricDalquist> but that part isn't the hard part
[11:09:26 EDT(-0400)] <athena> well, it does complicate things
[11:09:42 EDT(-0400)] <athena> what theme are you working from?
[11:09:47 EDT(-0400)] <EricDalquist> uportal3
[11:09:49 EDT(-0400)] <EricDalquist> in 3.1
[11:09:55 EDT(-0400)] <athena> the 3.1 default?
[11:09:57 EDT(-0400)] <EricDalquist> yeah
[11:10:02 EDT(-0400)] <athena> i think the tabs in that changed to relative positioning
[11:10:07 EDT(-0400)] <EricDalquist> right
[11:10:09 EDT(-0400)] <EricDalquist> they did
[11:10:15 EDT(-0400)] <EricDalquist> http://staging9.uc.wisc.edu/
[11:10:19 EDT(-0400)] <EricDalquist> that is the end goal
[11:10:20 EDT(-0400)] <EricDalquist> mostly
[11:10:29 EDT(-0400)] <EricDalquist> the problem is the ui folks did the tabs via lots of floats
[11:10:38 EDT(-0400)] <EricDalquist> which seems to break li.offset()
[11:10:45 EDT(-0400)] <athena> ah
[11:10:47 EDT(-0400)] <EricDalquist> such that the flyouts are way off
[11:11:03 EDT(-0400)] <athena> so it's not using the same kind of css that the tabs use in the theme
[11:11:13 EDT(-0400)] <EricDalquist> no
[11:11:19 EDT(-0400)] <EricDalquist> and that's what I'm trying to do
[11:11:23 EDT(-0400)] <EricDalquist> but it is tricky
[11:11:25 EDT(-0400)] <EricDalquist> at least for me
[11:11:29 EDT(-0400)] <EricDalquist> I'm taking their UI
[11:11:33 EDT(-0400)] <athena> looks right now like the tabs are positioned ok horizontally, but too low vertically
[11:11:46 EDT(-0400)] <EricDalquist> and trying to get it working by just modifying the 3.1 default css
[11:11:58 EDT(-0400)] <athena> ah, gotcha
[11:13:17 EDT(-0400)] <athena> for the page you linked
[11:13:32 EDT(-0400)] <athena> try subtracting the height of that top white bar from the vertical position
[11:13:33 EDT(-0400)] <athena> that might fix it
[11:13:42 EDT(-0400)] <EricDalquist> it helps
[11:13:45 EDT(-0400)] <EricDalquist> and that is going away
[11:13:51 EDT(-0400)] <EricDalquist> adding a marging to the body is not such a good idea
[11:14:03 EDT(-0400)] <EricDalquist> but the menus are still off by abourt 10px
[11:14:05 EDT(-0400)] <athena> yeah it's a little different
[11:14:09 EDT(-0400)] <athena> gotcha
[11:14:12 EDT(-0400)] <EricDalquist> I;ve run into this a lot dealing with the tab
[11:14:13 EDT(-0400)] <EricDalquist> tabs
[11:14:24 EDT(-0400)] <EricDalquist> you have to be very careful with how you position them
[11:15:45 EDT(-0400)] <athena> yeah
[11:24:01 EDT(-0400)] <athena> maybe i'll take a look at the code tonight
[11:24:09 EDT(-0400)] <athena> see if there's anything we can do about it
[11:24:24 EDT(-0400)] <EricDalquist> I'm going to just try doing the flyout as a child of the li
[11:24:31 EDT(-0400)] <EricDalquist> you can float it
[11:24:35 EDT(-0400)] <EricDalquist> and then position it relative to the li
[11:24:40 EDT(-0400)] <EricDalquist> which may work better than absolute
[11:25:09 EDT(-0400)] <athena> yeah
[11:25:36 EDT(-0400)] <athena> especially now that the lis are actually relatively positioned
[11:25:53 EDT(-0400)] <EricDalquist> yeah
[11:27:05 EDT(-0400)] <athena> i think part of the reason we didn't go that route may have been some of the IE z-index stuff
[11:27:14 EDT(-0400)] <EricDalquist> ah yeah
[11:27:24 EDT(-0400)] <EricDalquist> I'm also going to try the bgiframe plugin
[11:27:26 EDT(-0400)] <EricDalquist> looks dead simple
[11:27:30 EDT(-0400)] <athena> yeah
[11:27:32 EDT(-0400)] <athena> definitely a good idea
[11:27:38 EDT(-0400)] <athena> and then we can only use iframes when needed
[11:27:48 EDT(-0400)] <athena> it should already be in the jquery file, i think
[11:27:54 EDT(-0400)] <athena> so it should just be there ready to use
[11:33:24 EDT(-0400)] <athena> EricDalquist: do i remember you saying you'd fixed something in the groups manager?
[11:33:31 EDT(-0400)] <EricDalquist> yes
[11:33:37 EDT(-0400)] <EricDalquist> use the latest code from trunk
[11:33:42 EDT(-0400)] <EricDalquist> or you can't manage channels
[11:35:11 EDT(-0400)] <athena> ok
[11:35:17 EDT(-0400)] <athena> is there a jira number for that?
[11:35:51 EDT(-0400)] <EricDalquist> I think I just tacked it on to the channel definition jpa jira
[11:36:25 EDT(-0400)] <athena> ah ok
[12:24:06 EDT(-0400)] * michelled (n=team@142.150.154.193) has joined ##uportal
[13:03:29 EDT(-0400)] * Sememmon (n=Sememmon@wsip-72-215-204-133.ph.ph.cox.net) has joined ##uportal
[14:49:47 EDT(-0400)] <EricDalquist> so I think I have the flyouts positioning correctly by putting the flyout div in each tab li
[14:50:00 EDT(-0400)] <EricDalquist> and using some display/position tricks
[14:50:06 EDT(-0400)] <EricDalquist> problem is now the styles are all borked
[14:50:15 EDT(-0400)] <EricDalquist> because it is inheriting from the tab bar
[14:50:22 EDT(-0400)] <EricDalquist> time to try and fix that
[14:50:26 EDT(-0400)] <EricDalquist> I dislike css
[15:05:04 EDT(-0400)] <athena> that something you'll be able to contribute to the trunk?
[15:05:11 EDT(-0400)] <athena> it'd be great to get that code cleaned up!
[15:06:17 EDT(-0400)] <athena> i'd really like to clean up our ajax layout editing code, too
[15:06:22 EDT(-0400)] <athena> though i'm not sure i'm going to get the time
[15:06:36 EDT(-0400)] <athena> i at least went in and added error handling for session timeouts
[16:15:45 EDT(-0400)] <EricDalquist> athena: I should be able to
[16:15:53 EDT(-0400)] <EricDalquist> the CSS changes are proving to be a pain in the but
[16:15:56 EDT(-0400)] <athena> awesome
[16:15:59 EDT(-0400)] <athena> and ick
[16:16:02 EDT(-0400)] <EricDalquist> yeah
[16:16:15 EDT(-0400)] <EricDalquist> I just don't know CSS that well to start with
[16:16:23 EDT(-0400)] <EricDalquist> but I think it will work better
[16:16:40 EDT(-0400)] <EricDalquist> the code is positioning the flyouts relative to the top-left of the tab <li>
[16:16:53 EDT(-0400)] <EricDalquist> so it only has to account for the link and text
[16:16:58 EDT(-0400)] <athena> sounds great to me!!
[16:17:08 EDT(-0400)] <athena> that code has needed an overhaul for quite a while
[16:33:24 EDT(-0400)] <EricDalquist> so for our end goal
[16:33:31 EDT(-0400)] <EricDalquist> do we want all our JS to be fluid components?
[16:33:39 EDT(-0400)] <EricDalquist> or is that overkill for some stuff?
[16:33:59 EDT(-0400)] <athena> depends what it is
[16:34:13 EDT(-0400)] <athena> but i think for most stuff, yes, fluid components should be the goal
[16:34:30 EDT(-0400)] <athena> i mean if it's really trivial and can be handled w/ a little bit of js in the page, fine
[16:34:38 EDT(-0400)] <athena> but if there's any chance whatsoever of reuse
[16:34:42 EDT(-0400)] <athena> or if it's more than trivial
[16:34:45 EDT(-0400)] <athena> lets go w/ fluid components
[16:34:57 EDT(-0400)] <athena> flyout tabs totally deserve to be a fluid components
[16:35:09 EDT(-0400)] <athena> then we can add config like whether it's top or side nav
[16:35:10 EDT(-0400)] <athena> etc.
[16:35:19 EDT(-0400)] <EricDalquist> I think I need to learn how to write fluid components
[16:35:23 EDT(-0400)] <athena> well
[16:35:30 EDT(-0400)] <athena> luckily fluid actually has a really great tutorial
[16:35:39 EDT(-0400)] <EricDalquist> good to know
[16:35:39 EDT(-0400)] <athena> it's great for understanding how their code works, too
[16:35:46 EDT(-0400)] <athena> http://wiki.fluidproject.org/display/fluid/How+to+create+a+Fluid+Component
[16:35:50 EDT(-0400)] <athena> highly recommended
[16:36:07 EDT(-0400)] <athena> explains how the defaults and events and selectors and all that work
[16:36:10 EDT(-0400)] <athena> i found it illuminating
[16:36:28 EDT(-0400)] <EricDalquist> great
[16:36:47 EDT(-0400)] <EricDalquist> well I think I have the CSS figured out
[16:36:51 EDT(-0400)] <athena> awesome!
[16:36:53 EDT(-0400)] <EricDalquist> now to get the mouseout working
[16:36:57 EDT(-0400)] <EricDalquist> and then test on other browsers
[16:36:59 EDT(-0400)] <athena> that's great news
[16:37:00 EDT(-0400)] <athena> yeah
[16:37:09 EDT(-0400)] <athena> we'll also have to make sure it works w/ the nav going down the side
[16:37:13 EDT(-0400)] <EricDalquist> yeah
[16:37:16 EDT(-0400)] <EricDalquist> I'll need to test that too
[16:37:25 EDT(-0400)] <EricDalquist> I'm also adding config for right versus left justified
[16:37:32 EDT(-0400)] <EricDalquist> since our new UI has the tabs right justified
[16:37:41 EDT(-0400)] <EricDalquist> which means flyouts need to be right aligned instead of left
[16:37:47 EDT(-0400)] <EricDalquist> or the right most flyout gets cutoff
[16:37:56 EDT(-0400)] <athena> yeah that's a great idea
[16:37:58 EDT(-0400)] <athena> thanks
[16:38:09 EDT(-0400)] <athena> it'll be so nice to have that code cleaned up
[16:39:18 EDT(-0400)] <EricDalquist> and it does look like bgiframe is included in jQuery 1.3.1
[16:39:34 EDT(-0400)] <athena> yeah it should be in our resource server file
[16:39:40 EDT(-0400)] <athena> i think i had to add it in manually
[16:41:08 EDT(-0400)] <EricDalquist> the existing close flyout logic is not well documented
[16:43:03 EDT(-0400)] <athena> lol.
[16:43:06 EDT(-0400)] <athena> yeah i bet not
[16:43:13 EDT(-0400)] <athena> and i bet it doesn't work 100% of the time, either
[16:43:23 EDT(-0400)] <athena> if we just make it a fluid component it'll all be fine though
[16:43:40 EDT(-0400)] <athena> just keep the pointer to the flyout thingy in the ajax layout code and then we can easily call it externally
[16:44:03 EDT(-0400)] <EricDalquist> yeah
[20:41:50 EDT(-0400)] * colinclark (n=colin@bas2-toronto09-1176131605.dsl.bell.ca) has joined ##uportal