TodayPlus Boards v2

Programming and MOD Forums => Developer's Corner Discussion => Topic started by: Armageddon on October 16, 2004, 09:57:35 AM

Title: Just a slider :)
Post by: Armageddon on October 16, 2004, 09:57:35 AM
Is it possible to add just a slider in agenda section of the main page, so to show more items?

Many thanx :-)
Title: Just a slider :)
Post by: ZapMe1 on October 16, 2004, 10:13:10 AM
Yes, it is possible !  Which skin are you talking about ?
On the modified HammerSkin that I did, you can choose a month / day on the calendar, and the agenda will adjust to show the choosen date, or a "slider" can be added to jump to the next group of items !! :lol:
Title: Just a slider :)
Post by: uk_skinner on October 16, 2004, 10:16:56 AM
Quote from: "ZapMe1"
Yes, it is possible !  Which skin are you talking about ?
On the modified HammerSkin that I did, you can choose a month / day on the calendar, and the agenda will adjust to show the choosen date, or a "slider" can be added to jump to the next group of items !! :lol:


Zapme1:  Correct me if I am wrong.  If you have 12 events today and only 3 can show up at main page, can you add a slide bar to show all the events by scrolling them up/down?
Title: Just a slider :)
Post by: ZapMe1 on October 16, 2004, 11:23:37 AM
@uk_skinner

Yes, you are correct..   The following code is from LightMan's Handy Basic skin..  This code he wrote will scroll the POOM (3) items fwd/rev..   If your display will show 5-appointments, then the scroll number can be changed to 5..

calcvar,var23,firstoutlookday
   calcvar,var23,-,%var23%,3
   imagebutton,225,15,arrow_up.png,t,-1,25,var23,3   // SCROLL POOM BACKWARDS
   button,225,15,12,12,-1,23,0,
   
   calcvar,var22,firstoutlookday
   calcvar,var22,+,%var22%,3
   imagebutton,225,63,arrow_down.png,t,-1,25,var22,3   // SCROLL POOM FORWARD
   button,225,63,12,12,-1,23,0,
Title: Just a slider :)
Post by: Wichtel on October 16, 2004, 11:35:15 AM
You simply can click into the calendar by a particular day to call.

The Slider function will be contained in the calendar and task area in the version 1.05.
Title: Just a slider :)
Post by: uk_skinner on October 16, 2004, 11:36:19 AM
Quote from: "ZapMe1"
@uk_skinner

Yes, you are correct..   The following code is from LightMan's Handy Basic skin..  This code he wrote will scroll the POOM (3) items fwd/rev..   If your display will show 5-appointments, then the scroll number can be changed to 5..

calcvar,var23,firstoutlookday
   calcvar,var23,-,%var23%,3
   imagebutton,225,15,arrow_up.png,t,-1,25,var23,3   // SCROLL POOM BACKWARDS
   button,225,15,12,12,-1,23,0,
   
   calcvar,var22,firstoutlookday
   calcvar,var22,+,%var22%,3
   imagebutton,225,63,arrow_down.png,t,-1,25,var22,3   // SCROLL POOM FORWARD
   button,225,63,12,12,-1,23,0,


Zapme1, thanks.
The codes allow you to scroll as days not as events.  If you have a lot of events on particular day, you will miss them since when you scroll, the POOM will start whatever date +3.  What would be a nice is te ones in PockeBreeze, you can scroll down as events or entries, not as day.
Title: Just a slider :)
Post by: Wichtel on October 16, 2004, 11:46:13 AM
Quote from: "uk_skinner"


Zapme1, thanks.
The codes allow you to scroll as days not as events.  If you have a lot of events on particular day, you will miss them since when you scroll, the POOM will start whatever date +3.  What would be a nice is te ones in PockeBreeze, you can scroll down as events or entries, not as day.


Till now, I couldn't solve this problem either, I suspect the TD+ of something like that not supported  :?
Title: Just a slider :)
Post by: uk_skinner on October 16, 2004, 11:51:31 AM
Quote from: "Wichtel"


Till now, I couldn't solve this problem either, I suspect the TD+ of something like that not supported  :?


Wichtel:

I was thinking this too.  As this moment, I did not see any code can do that.  However, if we can play around the postion (x,y) for outlook and region, there is a possibility we can scroll events/entries.  Again, I could be wrong.  I will try to see I can do it. :knownot:
Title: Just a slider :)
Post by: ZapMe1 on October 16, 2004, 11:57:49 AM
@uk_skinner
@Wichtel

Your right !!   Sorry for the mis-information..   The scroll will only scroll days !!  :oops:
This gives me a new challange, to see if I can solve this issue, and get it to work  !!

I'll let you know if I have success !!!
Title: Just a slider :)
Post by: Wichtel on October 16, 2004, 11:59:38 AM
Quote from: "uk_skinner"
However, if we can play around the postion (x,y) for outlook and region, there is a possibility we can scroll events/entries.  Again, I could be wrong.  I will try to see I can do it. :knownot:


I haven't come onto this idea at all yet. I am already curious whether you this create there.  :think:
Title: Just a slider :)
Post by: Armageddon on October 16, 2004, 12:13:19 PM
I'm using metallic hammerskin without newstickers. I'd like to me add a slider like in breeze skin by ya1950 http://www.jhollin1138.com/forums/viewtopic.php?t=1604 (nice skin ya1950 :approve: ) but I haven't no idea about make it

P.S. I haven't many daily items but I want see more days
Title: Just a slider :)
Post by: Armageddon on October 16, 2004, 12:50:13 PM
Quote from: "ZapMe1"
@uk_skinner

Yes, you are correct..   The following code is from LightMan's Handy Basic skin..  This code he wrote will scroll the POOM (3) items fwd/rev..   If your display will show 5-appointments, then the scroll number can be changed to 5..

calcvar,var23,firstoutlookday
   calcvar,var23,-,%var23%,3
   imagebutton,225,15,arrow_up.png,t,-1,25,var23,3   // SCROLL POOM BACKWARDS
   button,225,15,12,12,-1,23,0,
   
   calcvar,var22,firstoutlookday
   calcvar,var22,+,%var22%,3
   imagebutton,225,63,arrow_down.png,t,-1,25,var22,3   // SCROLL POOM FORWARD
   button,225,63,12,12,-1,23,0,



how to implement this code in hammerskin? :knownot:
Title: Just a slider :)
Post by: ZapMe1 on October 16, 2004, 01:26:09 PM
Code needs to be put in the agenda area in the main page section..
You also need to add slider arrows, and re-number the button code to point to the correct region and (x,y) area..   You may also need to change the var used, depending on the vars already used in the skin !!
The code I posted is from LightMans (Great) Handy Basic Skin !!

I hope this helps !! :)
Title: Just a slider :)
Post by: ya1950 on October 16, 2004, 02:14:41 PM
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.
Title: Just a slider :)
Post by: Armageddon on October 16, 2004, 03:08:33 PM
Quote from: "ZapMe1"
Code needs to be put in the agenda area in the main page section..
You also need to add slider arrows, and re-number the button code to point to the correct region and (x,y) area..   You may also need to change the var used, depending on the vars already used in the skin !!
The code I posted is from LightMans (Great) Handy Basic Skin !!

I hope this helps !! :)


Yeaaaah  :approve:
Thanx a lot  :bow:
Title: Just a slider :)
Post by: uk_skinner on October 17, 2004, 08:15:41 AM
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:
Title: Just a slider :)
Post by: ya1950 on October 17, 2004, 08:32:37 AM
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
Title: Just a slider :)
Post by: uk_skinner on October 17, 2004, 08:46:22 AM
Quote
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.


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:


Quote
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


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:
Title: Just a slider :)
Post by: uk_skinner on October 17, 2004, 12:02:01 PM
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.
Title: Preliminary codes for scorlling by events
Post by: uk_skinner on October 17, 2004, 01:57:46 PM
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
Title: Just a slider :)
Post by: ya1950 on October 18, 2004, 01:01:58 AM
Very Nice.  :D  When I get a minute I'm going to play with this.

ya1950
Title: Just a slider :)
Post by: Wichtel on October 20, 2004, 02:04:20 AM
@ 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:
Title: Just a slider :)
Post by: uk_skinner on October 20, 2004, 05:38:17 AM
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:
Title: Just a slider :)
Post by: Armageddon on October 20, 2004, 08:32:10 AM
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 :(
Title: Just a slider :)
Post by: Wichtel on October 20, 2004, 09:26:33 AM
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:
Title: Just a slider :)
Post by: Tetsuo on October 21, 2004, 01:30:41 AM
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
Title: Just a slider :)
Post by: Wichtel on October 21, 2004, 02:10:10 AM
We are international  :mrgreen:
Title: Just a slider :)
Post by: Armageddon on October 21, 2004, 04:36:52 AM
Next year meeting in Munich for Oktoberfest. Prosit :lol: