Welcome To The Home Of The Visual FoxPro Experts  
home. signup. forum. archives. search. google. articles. downloads. faq. members. weblogs. file info. rss.
 From: Dan Baker
  Where is Dan Baker?
 Effort of the Poconos
 Pennsylvania - United States
 Dan Baker
 Tags
Subject: CSS/HTML based Calendar for VFP
Thread ID: 331241 Message ID: 331241 # Views: 173 # Ratings: 10
Version: Visual FoxPro 9 Category: Web Applications
Date: Wednesday, December 28, 2011 5:41:20 AM         
   


Foxites:

I did a Google search of Foxite and couldn’t find any HTML or CSS based calendar/ datepicker.   So I figured it was high time one was available.

Download cssCalendar v1.2



Run the Form

Launch the csscal.sct form as the main form.   To make the calendar function as portable as possible, I parked most of the functionality in the child form – calpop.sct.   The calendar lives in a web browser control on that child form.

The HTML-to-VFP interface is contained in the BeforeNavigate2 method of the web browser control (in calpop.sct).   It’s based on the same Simplest Treeview control that Greg Reichert posted on his website a few years back.

How to Customize

The advantage of web designs is accessibility and customizability.   You don’t even need to know VFP.   Tell your graphic artist friend to design something as fancy as she’d like in CSS.   This form allows you to take her design and insert it into your VFP project.

One template (and creation method) serves the needs of many calendar styles – large or small, loud or quiet, flamboyant or subdued.   Simply modify one of the two CSS style sheets provided.

Are Your Users Bored?

Hope this example inspires more web-based designs in VFP. And frankly our community needs it because users these days are tired of battleship gray GUIs.   Believe me, I know.   In a former life in the U.S. Navy, I sailed gray ships on gray oceans under countless gray skies.   And if you think that’s boring, consider the fact that in those days, there were never any women on Navy ships.

Frankly, as versatile as VFP is as a data management tool, if you can combine that power with the “cool design” factor, well, I guess the sky’s the limit :- )

Borrow Ideas from Great Designers

The nice thing about web-based designs is that examples are everywhere.   With web designs you’re not limited to what you see on Foxite.   A $100 billion company could hire the most talented graphic artist in the world to design its website.   But realize, those designs – and complete source code -- are fully accessible to you on the web because the internet is an open standard.

Now you can’t steal the designs outright, but you can “borrow” the ideas and adapt them to your own designs.   And for that purpose, VFP is an excellent reverse engineering tool.

Feel free to use this any way you’d like.   Hope that it works as advertised.

Dan Baker
Effort of the Poconos, PA

ENTIRE THREAD

CSS/HTML based Calendar for VFP Posted by Dan Baker @ 12/28/2011 5:41:20 AM
RE: CSS/HTML based Calendar for VFP Posted by Cesar @ 12/28/2011 2:53:38 PM
RE: CSS/HTML based Calendar for VFP Posted by claude fox @ 12/28/2011 3:42:28 PM
RE: CSS/HTML based Calendar for VFP Posted by Koen Piller @ 12/28/2011 5:21:15 PM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 12/29/2011 2:22:17 AM
RE: CSS/HTML based Calendar for VFP Posted by claude fox @ 12/29/2011 5:47:41 AM
RE: CSS/HTML based Calendar for VFP Posted by Koen Piller @ 12/29/2011 2:31:07 PM
RE: CSS/HTML based Calendar for VFP Posted by Mike Gagnon @ 12/29/2011 3:03:36 PM
RE: CSS/HTML based Calendar for VFP Posted by Koen Piller @ 12/29/2011 3:13:13 PM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/1/2012 1:22:06 PM
RE: CSS/HTML based Calendar for VFP Posted by Anil Sharma @ 1/1/2012 1:46:52 PM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/2/2012 2:21:48 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/1/2012 1:54:07 PM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/2/2012 2:21:17 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/2/2012 3:56:51 PM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/3/2012 2:06:47 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/3/2012 4:39:09 AM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/4/2012 3:23:16 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/4/2012 10:39:09 AM
RE: CSS/HTML based Calendar for VFP Posted by Bernard Bout @ 1/4/2012 9:17:46 PM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/5/2012 2:47:00 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/1/2012 10:26:43 PM
RE: CSS/HTML based Calendar for VFP Posted by Garth Groft @ 1/2/2012 7:36:49 PM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/2/2012 8:22:39 PM
RE: CSS/HTML based Calendar for VFP Posted by Tariq mehmood @ 1/6/2012 8:57:32 AM
RE: CSS/HTML based Calendar for VFP Posted by Dan Baker @ 1/6/2012 12:31:30 PM