1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    51
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default Touch CalendarPicker Component

    Touch CalendarPicker Component


    CalendarPicker1.pngCalendarPicker2.png

    CalendarPicker is an extremely versatile and easy to implement Sencha Touch custom component that utilizes TouchTreeGrid to provide incredible flexibility for date selection and calendar display on Phones and Tablets. Calendars can be implemented with just a few configurations in overlay panels or traditional containers. Calendar is constructed using #months backward to #months forward configurations. Many features exist including: collapsible months for rapid single select, range select in single calendar popup, or multi-select random dates in single popup. Specific dates can be disabled from selection. Customizable styling exists for holidays, weekends, selected days, disabled days and custom days. Custom filters can be easily applied to only display specific months highlighting important upcoming dates. Day planner support is partially implemented and will be forthcoming. Provided examples work for Touch 2.2, 2.3-beta and for IE10/Windows phones.

    Download: https://github.com/swluken/TouchTreeGrid
    Refer to README.md file on GitHub for links to run samples on Browser or actual devices.

    Related thread regarding TouchTreeGrid: http://www.sencha.com/forum/showthre...omponent/page4

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,927
    Vote Rating
    129
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Nice! Thanks for sharing.

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    51
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default New CalendarPicker Features and Examples

    New CalendarPicker Features and Examples


    IPhoneStyleCalendar.pngFinancialDayCountCalendar.pngFinancialOptionsExpirationCalendar.png

    - IPhone-style calendar layout examples
    .... Range selection Example #2b
    ....Range selection Example #2c. Also changes background transparency to white instead
    of default gray behind modal overlay panel.
    ....Financial DayCount (Example #6)

    - Added Financial Calendar examples
    ....Daycounts from today using custom day renderer (Example #6)
    ....MarketWatch-style Options Expiration Calendar (Example #7)

    - Support for multiple categories of custom dates within same calendar, each with unique styling and auto-generated Legend (Example #7)

    - Sped up Expand All/ Collapse All for large calendars.

    - Enhanced logic to auto-scroll to first month with pre-selected dates.

    - Added pull-refresh style option to allow user to insert more months into beginning of calendar
    (Example #2C).

    - Added paging-plugin style option to allow user to append more months at end of calendar Example #2b.

    Source code and examples downloaded at: https://github.com/swluken/TouchTreeGrid (./CalendarPicker/ directory)

    Regards,
    Steve Luken

  4. #4
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    51
    Vote Rating
    2
    steve_luken is on a distinguished road

      1  

    Default Enhancements to CalendarPicker

    Enhancements to CalendarPicker


    TabletMatrixView_Year.pngTabletMatrixView_Month.pngTabletMatrixView_Day.png

    Support auto-generation of Calendar Matrix view (intended for Tablets, but refer to CalendarPicker.pdf and downloaded code for Phone version of Day Planner).


    Refined Day Planner examples for Year/Month/List/Day views implemented unique for Tablets vs. Phones.
    - Automatically apply custom date descriptions to Month and Day calendars.
    - Support month and day taps to quickly navigate between each of the views.
    - Support swipe to navigate to next/previous calendar months.
    - Also created new "yearMonthSelect" component utilizing TouchTreeGrid
    to support rapid navigation between calendar months.


    Added more configurations and CSS selectors to further customize calendar implementations.


    Source code and examples downloaded at: https://github.com/swluken/TouchTreeGrid (./CalendarPicker/ directory)


    Basic example found in ./CalendarPicker_Basic/ directory.


    Refer to downloaded README.md file on GitHub for links to run samples on Browser or actual devices.


    Refer to downloaded "CalendarPicker.pdf" for further discussion of supported features and detailed config documentation.


    Refer to CommitLog.txt for update summary.


    Related Thread for TouchTreeGrid component:
    http://www.sencha.com/forum/showthre...Grid-component





    PLANNED ENHANCEMENTS TO CalendarPicker:


    - Auto-generation of re-occuring custom dates with descriptions
    (i.e. anniverseries, birthdates, meetings, etc)
    - Continued Day Planner support
    - Feature to expand/collapse months using user-defined Function
    - Horizontal scrolling calendars
    - Optional categorize by Year feature.
    - Soliciting other good ideas to integrate with this component


    Regards,
    Steve Luken

  5. #5
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    574
    Vote Rating
    31
    Kurt001 has a spectacular aura about Kurt001 has a spectacular aura about

      0  

    Default


    Very cool.
    • Kurt001
    Code Review | Send PM


    Need to include a test case use:
    https://fiddle.sencha.com/#home

  6. #6
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Quote Originally Posted by steve_luken View Post
    Support auto-generation of Calendar Matrix view (intended for Tablets, but refer to CalendarPicker.pdf and downloaded code for Phone version of Day Planner).
    wow, this is looking great! is this usable in an international context with different languages and different date formats? (have not looked at code or samples yet)

  7. #7
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    51
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default International Usage

    International Usage


    I will aim to get something out in upcoming release to support international usage.

    Regards,
    Steve

  8. #8
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Quote Originally Posted by steve_luken View Post
    I will aim to get something out in upcoming release to support international usage.
    thanks Steve, appreciate that!

  9. #9
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    51
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default CalendarPicker International Support and Examples

    CalendarPicker International Support and Examples


    ChineseMatrixCalendar.pngFrenchCalendar.pngGermanCalendar.png

    *** New CalendarPicker Features and Examples ***
    Added support for international calendars including examples of 44 different languages.
    Soliciting corrections, updates and additional language definitions.

    Notes:
    • Date translations extracted from EXTJS 4.2.1 locale files and should be verified (refer to ./app/controller/languageMixin.js and documentation at top of file in addition to Appendix D of CalendarPicker.pdf for language-specific configs)
    • Holiday Dates are US and for illustration only and would need to be customized for each language.
    • Some of the examples require additional localization logic for Legends, Titles and button text.
    • It is suggested that you leverage useIconsForExpCollapse=true config to display Expand/Collapse as arrows for international usage.
    Source code and examples downloaded at: https://github.com/swluken/TouchTreeGrid (./CalendarPicker/ directory)


    Refer to README.md file on GitHub for links to run samples on Browser or actual devices.


    Related TouchTreeGrid thread at: http://www.sencha.com/forum/showthre...Grid-component

    Regards,
    Steve Luken

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi