• Welcome to TodayPlus Boards v2.
 

Just a slider :)

Started by Armageddon, October 16, 2004, 02:57:35 PM

Previous topic - Next topic

uk_skinner

Quote from: "ya1950"The slider in the Breeze skin is from PocketBreeze - that's why it's so nice :). I decided to use PB for my POOM section because I couldn't find a way to do this with Today+ alone.

I don't think this type of slider is possible within Today+. The best I can come up with is:

outlook,2,1,238,%var1%,1,0,%var2,,,1

where var1 = the height of the area and var2 = maximum height to cache data for.

By changing the variables you can display more or less data for a particular date. (For an example of this take a look at the POOM section of the Dash skin. I used something like this to vary the amount of agenda or task entries that showed on the screen when one or the other was mimimized.) Once you have the maximum data for that particular date you could jump to the next day by using the code that that ZapMe1 refered to above.

This still doesn't actually scroll the data within a particular day since the data will always start with the first outlook entry. It would rather expand the POOM area, showing more entries as the variable was increased and then jump to the next day when a maximum was reached.

It would be nice to have a way of knowing the maximum number of entries there are for a particular day. Then you could use an if/else statement to automatically jump to the next day once you reach the maximum for that day. Unfortunately I don't think there is a way to do this within Today+.

I don't think you can use the x,y region variables to scroll because AFAIK the oulook statement will always start with the first entry regardless of where the region is placed. You could use a variable for the region's height and alter this but it would only acomplish the same thing as the code above.

ya1950, Wichtel:

  I have not tried it yet.  As ya1950 pointed out, outlook always display the first event but how many events can be displayed is determined how you set up the position and height of out look and region, right?  So the idea is to set up region (tricky) display like a "wondow frame" to display events from outlook code.  At first you show from beginning ot events (from number 1), when you tap scroll down, the y for outlook shift "up" one line (height of font).  Without any special design, it will overlap with other regions (I tried it).  But with careful design (it is tricky), it is possible that the first line (which is date) will go "under" and mask by a frame and.  Since you shift the outlook y up, one more event will show up.  
   Image your agend is on a piece of paper and you have a frame only allow you see 3 events.  Put the fram on the top of paper, by moving paper up you can scroll down and vice versa.
   How do we do the codes?  I am still working on it.. Anyone is welcome to try it.  Or maybe you have done it. :knownot:  :wall:

ya1950

That sounds interesting! The problem you will run into is that you can't scroll past whatever outlook data you have. ie. if you have 10 items in a day and only 5 are showing, even if you mask some you will never get the other 5.

Here is another idea What about using the outlook command to show an entire day - ie. all 10 items. Then create a series of graphic images to mask some of the items? If you chose the background theme carefully the user won't even realize that these are not the theme itself. By manipulating the images you could have the illusion of scrolling. When you reach the end of that day's data you could scroll the next day and do the same thing. The problem here, as I stated above is that I don't know of a way to determine when you have reached the end of one day's data and want to scroll to the next day.

If you get this working I'll try to add a scroller to the Breeze skin :D

uk_skinner

QuoteThat sounds interesting! The problem you will run into is that you can't scroll past whatever outlook data you have. ie. if you have 10 items in a day and only 5 are showing, even if you mask some you will never get the other 5.

So you can set the maxheight on out look to 320 but use the height to control the number of events to be shown. (just an idea not try it yet). :wink:


QuoteHere is another idea What about using the outlook command to show an entire day - ie. all 10 items. Then create a series of graphic images to mask some of the items? If you chose the background theme carefully the user won't even realize that these are not the theme itself. By manipulating the images you could have the illusion of scrolling. When you reach the end of that day's data you could scroll the next day and do the same thing. The problem here, as I stated above is that I don't know of a way to determine when you have reached the end of one day's data and want to scroll to the next day.

If you get this working I'll try to add a scroller to the Breeze skin :D

I did try to assign a variable to "remember" the last date from outlook code.  Then there is a way (again possible) to tell you what is the next date you wish to start.  The problem is still if your window can show 5 and you get 10.  You will not be able to see whole thing.  This variable (last date) is useful if you have a lot of events in one day you can set up when you scroll you can do lastdate+1 not "beginning date+3". :wink:

uk_skinner

Ok, I did try some codes and get some "progressing".  If I added this codes in region 5.

//   outlook,4,126,203,64,0,0,228,,,5   <----- original code

   outlook,4,113,203,200,0,0,77,,,5   <------ testing code
   
   image,4,113,headline.png
   text,5,113,AGENDA,l

You can see if I used the original code, the date and 4 events showed up as they supposed to be (screenshot 1).  If I used "testing code", -13 from y and adjust the maxheight, you can see the date move up under the "Agenda" and all events scroll up one.  So if I can incorporate a scoll button and adjust these two numbers wit up/down also (just like ya1950 pointed out), get a image identical to that part of theme or backgroud, then I can hide "scroll-up" items under it.  Then you get "scroll-up/down" feature for POOM.  Again, I could be wrong.

Edit:  This should work at POOM section well you don't need any background to cover since it start at the top of the page.

uk_skinner

Ok, here is my preliminary codes to scroll events in agenda page in Hammerskin1.04 a.  

1)  Add up/down arrows to scroll the events up/down.
2)  The entries will move up or down.
3)  Tap on any date will reset the events display jsut like before.


Things need to be improved.

1)  As you can see the events scroll up and hide under the top bar.  Need a bigger cover area.

2)  It will not show the past events.  ie if you start at today, it can not show the events yesterday.  But if you want to see it, just tap date on clandar.

3)  When you scorll down, it stop showing more events after certain number.  I need more time to figure it out.

4) The same idea can be used in main page, but will be very trick to add some codes to work with the other regions.

Any comments and suggestion are wellcome.

Here are he codes.

1)First add these at the top skin where the variables are initialized

// Agenda Scrolling
initvar,var11,20
initvar,var12,228
initvar,var8,133

2) Here are the codes in region 9.  The red ones are the new codes.

////////////////////////////////////////////////////////////////////////
// REGION 9,0 CALENDAR
////////////////////////////////////////////////////////////////////////

region,9,0,30
   defregion,9,0,0,210,267,1

   cleararea,0,0,211,267

   deactivatebuttons,2
   deactivatebuttons,3
   deactivatebuttons,5
   deactivatebuttons,4
   deactivatebuttons,6
   deactivatebuttons,7
   deactivatebuttons,8
   deactivatebuttons,10
   deactivatebuttons,11
   deactivatebuttons,12
   deactivatebuttons,15
   deactivatebuttons,16
   deactivatebuttons,17
   deactivatebuttons,18

   activatebuttons,9


   //===========================================
   // HEADING
   //===========================================

   image,4,3,headline_breit_gelb_verlauf.png

   changefont,tahoma,12,b
   text,105,3,APPOINTMENTS,c
   changefont,tahoma,12


   //===========================================
   // CALENDAR - CURRENT MONTH
   //===========================================

   image,5,155,Kalender_header_poom.png
   image,5,170,kalender_header_main.png
   image,71,170,kalender_header_senkrecht_main_grau.png
   image,84,170,kalender_header_senkrecht_main_rot.png

   calendarheader,6,170,13

   calendar,0,0,6,183,13,10,l

   button,6,183,91,60,-1,5,0-highlight,9
   button,6,183,91,60,-1,23,0,9
   button,6,183,91,60,-1,23,1,9
   button,6,183,91,60,-1,23,2,9
   button,6,183,91,60,-1,23,3,9
   button,6,183,91,60,-1,11,0,9

////  reset var11,var12 and var 8
   button,6,183,91,60,-1,6,var11=20
   button,6,183,91,60,-1,6,var12=228
   button,6,183,91,60,-1,6,var8=133

   text,52,155,[caldate],0,c,"MMMM, yy"

   imagebutton,3,250,kalenderpfeil_links.png,t,-1,9,0,9
   button,3,250,70,12,-1,9,1,9


   //===========================================
   // CALENDAR - NEXT MONTH
   //===========================================

   image,115,155,kalender_header_poom.png
   image,115,170,kalender_header_main.png
   image,181,170,kalender_header_senkrecht_main_grau.png
   image,194,170,kalender_header_senkrecht_main_rot.png

   calendarheader,116,170,13

   calendar,1,1,116,183,13,10,l

   button,116,183,91,60,-1,5,1-highlight,9
   button,116,183,91,60,-1,23,0,9
   button,116,183,91,60,-1,23,1,9
   button,116,183,91,60,-1,23,2,9
   button,116,183,91,60,-1,23,3,9
   button,116,183,91,60,-1,11,1,9

////  reset var11,var12 and var 8
   button,116,183,91,60,-1,6,var11=20
   button,116,183,91,60,-1,6,var12=228
   button,116,183,91,60,-1,6,var8=133

   text,160,155,[caldate],1,c,"MMMM, yy"

   imagebutton,139,250,kalenderpfeil_rechts.png,t,-1,8,1,9
   button,139,250,70,12,-1,8,0,9


   //===========================================
   // RESET CALENDAR
   //===========================================

   imagebutton,75,250,kalender_reset.png,t,-1,10,0,9
   button,75,255,62,12,-1,10,1,9
   button,75,255,62,12,-1,22,0,9
   button,75,255,62,12,-1,23,0,9

   time,106,250,-1,5,c,dd/MM ,HH:mm,


   //===========================================
   // FILTER
   //===========================================

   options,calendarfilter,0
   options,calendarfilter,1
   options,calendarfilter,2
   options,calendarfilter,3

   options,dateformat,1,15,15,%changefont,tahoma,11,%%line,202,10,-1_6_-1%%bold%%date,l%%regularfont%
   options,today-text,'Today', dd. MMMM  yyyy
   options,tomorrow-text,'Tomorrow', dd. MMMM  yyyy

   options,apptformat,0,11,11,%iconstart,52%%sensitivityicon,-10,1,private sensitivity.png,normal sensitivity,t%%recurrenceicon,-10,1,recurrence.png,t%%remindericon,-10,1,reminder.png,t%%iconstart,0%%categoryicons,10,1%%changefont,tahoma,11,%%image,0,2,small_arrow_right.png,t%%tab,7%%starttime,HH:mmt%%tab,61%%//bold%%subject%%regularfont%

   options,apptallday,0,11,11,%iconstart,63%%sensitivityicon,-10,1,private sensitivity.png,normal sensitivity,t%%recurrenceicon,-10,1,recurrence.png,t%%remindericon,-10,1,reminder.png,t%%iconstart,0%%categoryicons,10,1%%changefont,tahoma,11,%%textcolor,0_128_0%%image,0,2,small_arrow_right.png,t%%tab,7%All Day%tab,72%%//bold%%subject%%regularfont%%textcolor,0_0_0%

   options,blanktext,-1,11,11,

//   outlook,4,20,203,133,1,0,228,,,9

   

   outlook,4,%var11%,185,%var8%,1,0,%var12%,,,9


   image,4,3,headline_breit_gelb_verlauf.png

   changefont,tahoma,12,b
   text,105,3,APPOINTMENTS,c
   changefont,tahoma,12
   
   imagebutton,200,30,scrollup.png,t,-1,13,var11_-13
   button,200,30,12,12,-1,13,var12_13
   button,200,30,12,12,-1,13,var8_13
   button,200,30,12,12,-1,24,0,9
   imagebutton,200,145,scrolldown.png,t,-1,13,var11_13
   button,200,145,12,12,-1,13,var12_-13
   button,200,145,12,12,-1,13,var8_-13
   button,200,145,12,12,-1,24,0,9
   
   changefont,tahoma,12,

endregion,9,0

ya1950

Very Nice.  :D  When I get a minute I'm going to play with this.

ya1950

Wichtel

@ uk_skinner

Super work your code.:approve:

I have installed into the Hammerskin yesterday and the problem also could solve under the Headline. Details on the code in the next version. :wink:

Again:Super work  :approve:
Greetings Wichtel 
 

miwi-media.com | Web & Screendesign

uk_skinner

Quote from: "Wichtel"@ uk_skinner

Super work your code.:approve:

I have installed into the Hammerskin yesterday and the problem also could solve under the Headline. Details on the code in the next version. :wink:

Again:Super work  :approve:

Wow...  Nice look!!!!
:dance:  :drool:

Armageddon

Quote from: "Wichtel"@ uk_skinner

Super work your code.:approve:

I have installed into the Hammerskin yesterday and the problem also could solve under the Headline. Details on the code in the next version. :wink:

Again:Super work  :approve:

Wow.. It looks great  :approve:

But from an aesthetic point of view arrows which slide tasks and agenda would placed on the right side of these items

I beg your pardon for my ugly english but I speak italian and just a few of english :(

Wichtel

Armageddon

You see four Scrollbuttons. The topmost one and the undermost one permit an Agendascroll via several days. The two middle Scrolls the agenda within a day with several appointments. I have put everyone there so that in the agenda still more place isn't lost.

Yes are right,  looks a little curiously. However, it has the advantage that you must hardly move your hand to use the agenda

Your English not worse or better than mine, I am German  :wink:
Greetings Wichtel 
 

miwi-media.com | Web & Screendesign

Tetsuo

He's right, looks really great...

Concerning English, I think that everyone in this forum has the same problem... Me too, I'm French :wink:  :wink:  :wink:

Bye

Wichtel

We are international  :mrgreen:
Greetings Wichtel 
 

miwi-media.com | Web & Screendesign

Armageddon

Next year meeting in Munich for Oktoberfest. Prosit :lol: