EasyCFM.COM ColdFusion Forums / Coding Help! / How to do CF TAB ?

   Reply to Discussion | New Discussion << previous || next >> 
Posted By Discussion Topic: How to do CF TAB ? -- page: 1 2

book mark this topic Printer-friendly Version  send this discussion to a friend  new posts last

jennypretty
10-17-2005 @ 9:52 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Junior Member
Posts: 134
Joined: Nov 2004

Hello friends,
I am working on creating a web data pages based on the Access forms. There are Access forms they used TABs. I want to build cf web data pages that looks similar to this, having Tabs....

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="C0C0C0" width="100%" bordercolorlight="FFFFFF" bordercolordark="C0C0C0">
                <tr>
                  <td width="25%" align="center">
                  <a target="_blank" href="emp_labor_cats.cfm?emp_ID=#URLEncodedFormat(emp_ID)#" style="text-decoration:none; font-weight:700">Emp Labor</a></td>
                  <td width="25%" align="center">
                  <a target="_blank" href="emp_documents.cfm?emp_ID=#URLEncodedFormat(emp_ID)#" style="text-decoration:none; font-weight:700">Emp Docs</a></td>
                  <td width="25%" align="center">
                  <a target="_blank" href="emp_deliverables.cfm?emp_ID=#URLEncodedFormat(emp_ID)#" style="text-decoration:none; font-weight:700">Emp Del</a></td>
                  <td width="25%" align="center">
                  <a href="emp_spend_plan.cfm?emp_ID=#URLEncodedFormat(emp_ID)#" style="text-decoration:none; font-weight:700">Emp Spend</a></td>
                </tr>
              </table>

How to do CF TABs?
Thanks.

The stupid question is the question you don't ask.
http://www.single123.com

nmiller
10-17-2005 @ 10:33 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

I will actually be submitting a tutorial on this topic this week...I'll post the url here when it's ready.

The system I've built uses custom tags and requires javascript for the dhtml.  The graphical tabs use a system from an article on alistapart.com

http://www.alistapart.com/articles/slidingdoors

In my custom tag, all tabs on the page are loaded at once, and switching between tabs doesn't reload the page.




Nathan Miller
NM Consulting

jennypretty
10-17-2005 @ 10:50 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Junior Member
Posts: 134
Joined: Nov 2004

that's what I am looking for.
big thanks.
Jenny.

The stupid question is the question you don't ask.
http://www.single123.com

meechp123
10-17-2005 @ 6:28 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Junior Member
Posts: 149
Joined: Jan 2004

are you running CF MX 7?

nmiller
10-18-2005 @ 1:20 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

flash forms are an option, but i still think they're pretty slow compared to html.

Nathan Miller
NM Consulting

meechp123
10-18-2005 @ 1:57 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Junior Member
Posts: 149
Joined: Jan 2004

Yeah, true. I would (and I am) only use them internally.

-Demetrius Pinder-
www.nutsandboltsdesign.com

falconseye
10-18-2005 @ 2:11 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Senior Member
Posts: 1033
Joined: Mar 2004

if you have access to FireWorks, you can use it to create a tab navigation on the fly...
hope it helps.

nmiller
10-25-2005 @ 1:56 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

OK,

Here's the final product, so far.

http://www.nmconsulting.us/tags/tab_tutorial.cfm

It only works in IE so far, you'll get funky formatting in Firefox (sorry!).  I hope to make some upgrades soon.

I'll also be submitting this as a tutorial (vote for me!, vote for me!)

Nathan Miller
NM Consulting

jarottman
10-25-2005 @ 3:14 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Senior Member
Posts: 679
Joined: Sep 2004

I have been looking for something like this to help with an app I am developing. One thing I did notice is that the tag is not compliant with firefox or mozilla.

nmiller
10-26-2005 @ 10:15 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

that is correct...as referenced in both the previous post and the tutorial...

I'll post here when it's updated.

Nathan Miller
NM Consulting

PAGE: 1 2

Website Designed and Developed by Pablo Varando.