Return-Path: Delivered-To: apmail-incubator-esme-dev-archive@minotaur.apache.org Received: (qmail 55113 invoked from network); 21 Aug 2009 13:02:42 -0000 Received: from hermes.apache.org (HELO mail.apache.org) (140.211.11.3) by minotaur.apache.org with SMTP; 21 Aug 2009 13:02:42 -0000 Received: (qmail 83738 invoked by uid 500); 21 Aug 2009 13:03:05 -0000 Delivered-To: apmail-incubator-esme-dev-archive@incubator.apache.org Received: (qmail 83690 invoked by uid 500); 21 Aug 2009 13:03:05 -0000 Mailing-List: contact esme-dev-help@incubator.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: esme-dev@incubator.apache.org Delivered-To: mailing list esme-dev@incubator.apache.org Received: (qmail 83680 invoked by uid 99); 21 Aug 2009 13:03:04 -0000 Received: from athena.apache.org (HELO athena.apache.org) (140.211.11.136) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 21 Aug 2009 13:03:04 +0000 X-ASF-Spam-Status: No, hits=-0.0 required=10.0 tests=SPF_PASS X-Spam-Check-By: apache.org Received-SPF: pass (athena.apache.org: domain of hirsch.dick@gmail.com designates 209.85.220.224 as permitted sender) Received: from [209.85.220.224] (HELO mail-fx0-f224.google.com) (209.85.220.224) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 21 Aug 2009 13:02:54 +0000 Received: by fxm24 with SMTP id 24so415503fxm.12 for ; Fri, 21 Aug 2009 06:02:32 -0700 (PDT) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=gamma; h=domainkey-signature:mime-version:received:in-reply-to:references :date:message-id:subject:from:to:content-type :content-transfer-encoding; bh=AHp7vbAPOAx4hkaOnzwh3iL25nTz6MqgM21iDD2ot1k=; b=lGjeLWgZWqgCyhWAD30S1+IrISO/bPWzPFNLOFhARWU2G0mOzxfit3ImPb+tEN4opj LOtoaP3bukdy88b5RDQQCDwcFCF/eYi627SiC3MQkwf9Xv4+EJ54QV49DnlcWsSOZFeY HEbq5T7OK3Cl1SGe+ZEvi2b6t55to5XsT3ujc= DomainKey-Signature: a=rsa-sha1; c=nofws; d=gmail.com; s=gamma; h=mime-version:in-reply-to:references:date:message-id:subject:from:to :content-type:content-transfer-encoding; b=VIM1Xnm+70bkToBoYFF0+a4LnQIqFZvweSXC72Y21BxoOoR9WFLiiM6OtfuVuhz75z y5fMzsyyT4B6OXrj/KejfKQEK/chJE/G02R8G8/Ukr7fKaxM8Qx+3KuMDRPBcGQErDAS zFTlud7kOO//nSw4ikTw77gdggNdUQszkQuT8= MIME-Version: 1.0 Received: by 10.103.126.27 with SMTP id d27mr468435mun.56.1250859751302; Fri, 21 Aug 2009 06:02:31 -0700 (PDT) In-Reply-To: <48d391a20908190320v23543f54jdc507159e54b4d83@mail.gmail.com> References: <48d391a20908190151nbf3eca4w21d93fcce591b309@mail.gmail.com> <48d391a20908190209x6d73a96eq7c2d711a54951f19@mail.gmail.com> <2bca8c350908190238j19429102n622d42fcdeaa10ce@mail.gmail.com> <71592DFF-C01B-4FAE-BFE8-59417574ACB5@gmail.com> <48d391a20908190320v23543f54jdc507159e54b4d83@mail.gmail.com> Date: Fri, 21 Aug 2009 15:02:31 +0200 Message-ID: Subject: Re: UI Playground - Mrinal's UI on Stax From: Richard Hirsch To: esme-dev@incubator.apache.org Content-Type: text/plain; charset=ISO-8859-1 Content-Transfer-Encoding: quoted-printable X-Virus-Checked: Checked by ClamAV on apache.org I've played some more with the UI - http://esmecloudserverapache.dickhirsch.staxapps.net/track_view/ I started adding the material from Bill's UI spec. I now have messages visible (though not entirely :-< - it is a CSS problem). I've also used the JQuery accordion component for the left sidebar. I've got the message box as well but the Javascript doesn't work. I'm thinking that with the jQuery "draggable component", you could probably drag a link ("Replies") and have a tab be created automatically. I've sent the code to Anne. Hopefully, she'll have some time to fix the CSS probs. I'm gone for a week - maybe someone can pick up the ball and keep working on the UI. At this stage, it might be easier to work with the trunk instead of Mrinal's UI branch D. On Wed, Aug 19, 2009 at 12:20 PM, Mrinal Wadhwa wr= ote: > Hi Daniel, > > No messages for now :) > The message box will probably end up were we have the "Lorem ipsum dolor = sit > amet...." text right now > > > I was just prototyping the concept of having sidebars that Bill Fernandez > had proposed in his UI design. > So I was primarily focusing on these goals ... > > 1. Sidebars on both sides that can be hidden and shown when needed > 2. The UI should be fluid ... that is if someone wants to use the client > from a small, not so obtrusive window ... he/she can just resize a dedica= ted > browser window .. this could almost serve like a desktop client .. could > work well for phones as well. > 3. Sidebars can be intelligent and hide themselves if there isn't enough > space ... this did not make it to the deployed code since Dick was having > some problems deploying it > If you want's to see the resize behavior in action, you can see it here > http://experiments.mrinalwadhwa.com/esme-prototype/ > Try resizing your browser window less than 500px width ... this can later= be > configurable. > > > The code also lays down some foundations to build the UI on ... for examp= le > it uses YUI CSS for grids/fonts/reset =A0... also if we build on top of J= Query > UI ... we could use JQuery's theme ability > http://jqueryui.com/themeroller/... and build color customization into > our UI > > > Thank you, > Mrinal > > http://www.mrinalwadhwa.com >