How to use images for tabs - ng.asp-net-forum.portal_starter_kit

CodeVerge.Net ^Beta
Explore Item Entry Members	Register Login

NEWSGROUP

.NET

Algorithms-Data Structures

XML

Free Download:

Zone:

> NEWSGROUP > Asp.Net Forum > starter_kits_and_source_projects.portal_starter_kit

Tags:

Item Type:

NewsGroup

Date Entered:

10/4/2003 12:58:47 AM

Date Modified:

Subscribers:

Subscribe Alert

Rate It:

(NR, 0)

XPoints:

N/A

Replies:

Views:

Favorited:

Favorite

Can Reply: No

Members Can Edit: No

Online: Yes

7 Items, 1 Pages 1 |< << Go >> >|

	Romans55
	Asp.Net User

How to use images for tabs

10/4/2003 12:58:47 AM

0/0

Hi, everyone,

Could someone be so kind as to shed some light on how to use images for the navigation tabs in IBuySpyPortal? Any help will be greatly appreciated. We are just beginning to adopt the portal application for our intranet project.

	wunderkinder
	Asp.Net User

Re: How to use images for tabs

10/4/2003 4:43:16 AM

0/0

There is an existing post that discusses this.

Jared Livingston
MrLivingston.com - Livingston Family Website

Test/Demo site - moonmark.com

	Romans55
	Asp.Net User

Re: How to use images for tabs

10/4/2003 7:27:28 AM

0/0

Hi, Jared

We saw this post earlier and read through the thread. By the way, good job on the Image Button Creator. We also saw a post with a little mentioning of how some have implemented the MSN style tabs on their portal sites. Could you explain how to actuallly change the datalist for the tabs to use image instead (with pre-made images, not dynamically created)?

Thank you very much.

	davidgmiles
	Asp.Net User

Re: How to use images for tabs

10/4/2003 8:30:08 AM

0/0

"with pre-made images, not dynamically created" - your best bet is to adapt the code that Jared and I came up with, because otherwise, every time a new tab is created, you'll have to create and upload a new image. Failing that look, later in the postings and I posted a whole series of adaptions for the datalist which renders the tabs and the sourcecode for a rollover image server control, which you could use

DavidM

Various IBS Addons available at http://www.snowcovered.com

Lead Developer [vb & c#] - MCAD

	wunderkinder
	Asp.Net User

Re: How to use images for tabs

10/4/2003 12:07:44 PM

0/0

Here is my code for the datalist:



<asp:datalist id="tabs" repeatdirection="horizontal" cellpadding="0" EnableViewState="false" runat="server">


     <ItemTemplate>


          <a href='<%= Request.ApplicationPath %>/DesktopDefault.aspx?tabindex=<%# Container.ItemIndex %>&tabid=<%# Ctype(Container.DataItem, TabStripDetails).TabId %>' class="OtherTabs">


          <img alt="<%# Ctype(Container.DataItem, TabStripDetails).TabName %>" src="/portal/images/<%# Ctype(Container.DataItem, TabStripDetails).TabName %>.jpg" border=0></a>


     </ItemTemplate>


</asp:datalist>

Jared Livingston
MrLivingston.com - Livingston Family Website

Test/Demo site - moonmark.com

	Romans55
	Asp.Net User

Re: How to use images for tabs

10/5/2003 6:51:03 AM

0/0

Hi, Jared and David,

Your replies are a great help! Your explanations and earlier postings have answered our questions. Also again, good work on the Image Button Creator.

Thank you so much.

	davidgmiles
	Asp.Net User

Re: How to use images for tabs

10/5/2003 9:16:34 AM

0/0

If you take a look through my code - the image is not created each and every time - it checks if the image exists - therefore the image is only created the first time it is needed following the creation of a new tab, from that point on the image is static and served from disk - below is the snip of code - out of context - that does the check

Dim _ImageCheck As Integer





                '------------------------------------------------------------------------------------------------


                ' Loop over each of the tabs within the current tab collection


                '------------------------------------------------------------------------------------------------





                For _ImageCheck = 0 To authorizedTabs.Count - 1





                    Dim _TabCaption As String








                    '------------------------------------------------------------------------------------------------


                    ' Retrieve the caption of the tab from the collection of tabs


                    '------------------------------------------------------------------------------------------------








                    _TabCaption = CType(authorizedTabs(_ImageCheck), TabStripDetails).TabName








                    '------------------------------------------------------------------------------------------------


                    ' Check that the required tab image exists, if not this function call


                    ' will create the image states


                    '------------------------------------------------------------------------------------------------








                    Call CheckTabImageExists(_TabCaption)





                Next





                '------------------------------------------------------------------------------------------------


                ' End dynamically check the required images for the tabs


                '------------------------------------------------------------------------------------------------





                ' Populate Tab List at Top of the Page with authorized tabs


                tabs.DataSource = authorizedTabs


                tabs.DataBind()





            End If





        End Sub





        '------------------------------------------------------------------------------------------------





        ' Added to dynamically check that the required images for the


        ' tabs are rendered - if not render them to the images/tabs folder


        '------------------------------------------------------------------------------------------------





        Function CheckTabImageExists(ByVal Name As String)





            Dim _FileInfo As New System.IO.FileInfo("~/images/tabs/" & Name & ".jpg")





            If _FileInfo.Exists Then





            Else





                GenerateButton(Name, Color.Black, "~/assets/btnLeft.gif", "~/assets/btnRight.gif", "~/assets/btnCenter.gif", "~/images/tabs")


                GenerateButton(Name, Color.DimGray, "~/assets/btnLeft.gif", "~/assets/btnRight.gif", "~/assets/btnCenter.gif", "~/images/tabs_over")





            End If





        End Function





        Private Function GenerateButton ...

This IMHO, was the optimum solution between static vs dynamic images, in that they are dynamic, but create static images

DavidM

Various IBS Addons available at http://www.snowcovered.com

Lead Developer [vb & c#] - MCAD

7 Items, 1 Pages 1 |< << Go >> >|

Free Download:

Books:

Ajax: The Definitive Guide Authors: Anthony Holdener, Anthony T. Holdener, III, Pages: 980, Published: 2008

Office 2008 for Macintosh: The Missing Manual Authors: Jim Elferdink, Pages: 876, Published: 2008

250 HTML and Web Design Secrets Authors: Molly E. Holzschlag, Pages: 432, Published: 2004

Microsoft Office Word Quicksteps Authors: Marty Matthews, Pages: 256, Published: 2007

Special Edition Using Adobe GoLive 6: Special Edition Authors: Brian Dunning, Allyson Knox, Lori Becker, Pages: 672, Published: 2002

More Eric Meyer on CSS Authors: Eric A. Meyer, Pages: 271, Published: 2004

Mac OS X: The Missing Manual, Panther Edition: The Missing Manual Authors: David Pogue, Pages: 776, Published: 2003

Pro Web 2.0 Mashups: Remixing Data and Web Services Authors: Raymond Yee, Pages: 603, Published: 2008

Microsoft Office FrontPage 2003 for Windows: Visual Quickstart Guide Authors: Nolan Hester, Pages: 462, Published: 2003

How to Do Everything with PowerPoint 2002 Authors: Ellen Finkelstein, Pages: 433, Published: 2002

Web:
CodeGuru: Use Images with Tab Labels Use Images with Tab Labels By Zafir Anjum. ... The code to add images to the tab labels should be placed in the OnInitDialog() function. ...
Applying images to a tab If you do not want use two different images for a tab, just apply an active image to the tab; you do not need to apply an inactive tab image. ...
Adding Images to Tabs Each RadTab has a set of properties you can use to add images to the tab. You can simply add a single image to each tab, or you can add separate images that ...
IE7 problem - Images with Tabs Oct 27, 2008 ... I have customized the tabs section of the CSS to use images for the background on the tabs. I have managed to get the images working ...
IE issue with images in tabs Jan 26, 2008 ... I've been trying to use rollover images in tabs - the best way to explain is probably just to link to what I mean - towards the bottom of ...
Peachpit: Transitional CSS and JavaScript Strategies > Creating ... Oct 28, 2008 ... Why not simply use the tab graphics as img src files instead of as background images for the table cells? This is possible, of course, ...
Microsoft Office Live Small Business Community | Images on tab bars Does anybody know how or if it is possible to add images to tab bars? ... Use the keyword solution in StudioAllens's 4-20-2008 post here: ...
Images for Tabs | drupal.org Use firefox webdeveloper extension and look in drupal.css for how it is ... Thanks, but I don't want to add graphics to the existing tabs, ...
How to Use the Flickr Explore Tab: How to Use Flickr to Share ... Part of the series: How to Use Flickr to Share Photos Online. Using the Flickr Explore tab is easy with these tips, get expert advice on online photo and ...
DELUXE-TABS.com :: Home Using Deluxe Tabs is a very space-saving way to present the information. ... Font, Colors, Borders, Images, Use any necessary font of any color, ...

Videos:

http://www.youtube.com/v/JN7GiLah_Ts&fs=1&hl=en&source=uds&autoplay=1

How to Use Flickr to Share Photos Online : How to Use the ... Using the Flickr Explore tab is easy with these tips, get expert advice on online photo and image sharing in this free video.

http://www.youtube.com/v/k3uqgNFtiwU&fs=1&hl=en&source=uds&autoplay=1

Basic Scrapbooking Tips & Techniques : How to Use a Tab ... Learn how to use a tab dispenser for making a scrapbook in this free instructional video about scrapbook ideas and tips.

http://video.google.com/googleplayer.swf?videoUrl=http://vp.video.google.com/videodownload%3Fversion%3D0%26secureurl%3DWwAAADyufkX_uZoSSnR8fPtPmeGiZQeuBGG1at-2E3tZ9CRsuRcp64WURxRpEKTIstcUfTa4rpIRU59ZCp7tWhijZLKOB99M1ti_IsQL_HKh68MCxJM6fOwPBZ_yXBod1vDb0g%26sigh%3DUFPknc6JSK8wJqKcNf3g-3iYu5o%26begin%3D0%26len%3D62866%26docid%3D1834586290611893637&thumbnailUrl=http://2.gvt0.com/ThumbnailServer2%3Fapp%3Dvss%26contentid%3D83cf313b70e81426%26offsetms%3D30000%26itag%3Dw160%26hl%3Den%26sigh%3DGuOj8ei2SPHh56QloEp-2jOe7Ig&docid=1834586290611893637&hl=en&q=How+to+use+images+for+tabs+(site:video.google.com+OR+site:youtube.com)&source=uds&playerMode=simple&autoPlay=true

Desktop Images and how to change them The picture that all your desktop icons is called many things. Here's how to get a new one and change your old ones.

http://www.youtube.com/v/H2_h9y9pros&fs=1&hl=en&source=uds&autoplay=1

Faster Image Uploading http://tinyurl.com/3peogq http://www.extreme-days.com http://www.themodelship.com The link for ImageBot is: https://addons.mozilla.org/en-US ...

http://www.youtube.com/v/d3nCPrpU4gg&fs=1&hl=en&source=uds&autoplay=1

How To Use JetPhoto Studio : Buttons & Tabs in JetPhoto Studio How to use buttons and tabs in the main interface of JetPhoto Studio; learn more about photo editing software in this free instructional video.

http://www.youtube.com/v/YDJOwNL1qzE&fs=1&hl=en&source=uds&autoplay=1

James Blunt - Tab Energy Lounge James Blunt at the Tab Energy Lounge 8/21/07 I wanted to make this because it was the best day of my life!!! They wouldnt let me use one of James ...

http://video.google.com/googleplayer.swf?videoUrl=http://vp.video.google.com/videodownload%3Fversion%3D0%26secureurl%3DXAAAAKVJ04rPldfauab0rabVTZ5MbZOxRR7f2i_jXsgwbpct8AYoPCVEbBiZjseXJQ6L0FFnJyO-hkKYFPKDJdD7PwiT05-mQwAptvMrVdvuHUqqFz0R4P9Y1Ic4T1oMhVK6PA%26sigh%3DAgOFDgwuQJRmkqKn2Icqsk8JnWA%26begin%3D0%26len%3D488954%26docid%3D5358919353928172023&thumbnailUrl=http://0.gvt0.com/ThumbnailServer2%3Fapp%3Dvss%26contentid%3D43cd945b9fe287f4%26offsetms%3D465000%26itag%3Dw160%26hl%3Den%26sigh%3D3N_Y0ZHszvR6fWTVSVN-ay32QRI&docid=5358919353928172023&hl=en&q=How+to+use+images+for+tabs+(site:video.google.com+OR+site:youtube.com)&source=uds&playerMode=simple&autoPlay=true

MS Word and Open Office: Design Learn how to use common word processing tools like the application Microsoft Word to create HTML documents.

http://www.youtube.com/v/z9hSu91vCv0&fs=1&hl=en&source=uds&autoplay=1

PoT ~ wonderful days with lyrics download this song at: http://eijicute.piczo.com/ sing w/ pulltab to can's wonderful days!! i reallly love this song so i decided to create ...

http://video.google.com/googleplayer.swf?videoUrl=http://vp.video.google.com/videodownload%3Fversion%3D0%26secureurl%3DXQAAAOBX6U5ynh2SHkwO3MEg5U-FoctguTvoso4xNM7XKf5YEAvrdNDXqsq1x347ou-Z0vEO4j7OxQOeSuCp19OQ6eqHJAgyU5HYflz48J_sEMg3jKZzZGwMnW18lwKUP9EnRQ%26sigh%3DljAmUMnipvAsugHngOLC5mPOfwo%26begin%3D0%26len%3D225224%26docid%3D-5396935547374309393&thumbnailUrl=http://1.gvt0.com/ThumbnailServer2%3Fapp%3Dvss%26contentid%3D566c820a09338e39%26offsetms%3D15000%26itag%3Dw160%26hl%3Den%26sigh%3DRsQuqnVy1V0987cKqTxMjersHjU&docid=-5396935547374309393&hl=en&q=How+to+use+images+for+tabs+(site:video.google.com+OR+site:youtube.com)&source=uds&playerMode=simple&autoPlay=true

HOLIDAY GIFTS FOR THE WHOLE FAMILY Every year we vow to find the perfect gift for everyone on our list. But it becomes more and more difficult each year to find something perfect ...

http://www.youtube.com/v/aGZmh2eo8g4&fs=1&hl=en&source=uds&autoplay=1

Top 10 Most Ridiculous Black Metal Pics of all time part1 Top 10 Most Ridiculous Black Metal Pictures of all time part1 funny comedy Black metal is a heavy metal subgenre. It is typically characterized ...

Search This Site:

Invite

History

Resources

SiteMap

question on javascript debuggin.

print in custom module

could not add aspnet account to database

how to give a "maintenance" page for a while ?

directing users to different pages after login depending on login user name

can't seem to change product detail links in productslist.aspx

problem downloading?

upload file example ...

clear all textbox controls in a webform using master pages

trusted subsystem using sql server 2005 express

hmmm.... no .net gurus were able to answer this?

how to open new window ...??

64 bits

problem for setting up the smtp-server : "could not access 'cdo.message' object. "

web parts and calendar controls

editing

activestepchanged event occurs when a wizard control first loads

formsauthentication.redirectfromloginpage?

new click tracking feature ?

host problem

why do redirects only work when used as a menu item?

document version control

how can i connect to database?

combine custom authentication and .htaccess

developer env setup

trouble with opening new window from segregated login page

plzzzz help with installation of dotnetnuke

app_code folder

iis 6.0?

membershipprovider

All Times Are GMT