Step number indicator bar for a multi-step form

I have a form with 3 steps. I have created each step in a separate tab, and there is a 4th tab which gives summary of all the data from the first 3 steps. I want to create something like a progress bar which will be placed on each page and indicate the step no. that the user is on. All the other steps will be faded, and only the current one will be highlighted.
Here's an example of something similar:
http://confluence.sakaiproject.org/confluence/download/attachments/32823/emusic.png
Can someone help me with the javascript/html code? Any suggestions/ideas are welcome.
Thanks

GMT,
I've seen some discussions on this forum in the past about a feature like this and also one solution which I can't find. Perhaps you could get creative with the breadcrumb feature if you don't find a solution similar to what you're trying to arrive at.
You could also create a graphic for each 'step' and display that in the HTML header in each page.
Keep Smiling,
Bob R

Similar Messages

Is there any way to keep the charge indicator bar onscreen in the lock screen in IOS7? And can I keep the call in progress screen up instead of going to wallpaper while a call is dialing?

IOS6 had a charge indicator bar on the lock screen that allowed me to see at a gance how much charge I had. Now it only flashes onscreen when I first connect the charger for about 1-2 seconds. I know the icon in the top right shows percentage, but it is too small to get an accurate look.
Also, when a call is in the progress of dialing my phone just shows the wall paper instead of the whole call control screen. I can hit the home button then hit the return to call bar at the top of the screen to get the control screen, but that is annoying to say the least. If I accidentally dial a number while navigating my contacts or one of the apps it takes several steps to cancell the call before completion.
I know my wallpaper may be pretty, but I don't need to see it while trying to use the phone instead of having control of the phone or seeing desired information (charge indicator).

I have a similar issue. Sound works okay but keep getting the app not optimized, you may experience a decrease in celluar strength. Verizon says it is a software issue. Apple says it is a hardware. Phone will niot synch to itunes to do any kind of reset.

Dynamically creating number of bars in a histogram

Post Author: oradba101
CA Forum: Charts and Graphs
Greetings,
A user would like to be able to selct thw number of bars to display in a histogram chart, The y-axis consistd of incremntal numbers that can vary based upon the criteria a user selects.
I was thinking along these lines:
1. Create a paramete in which the user can select a number from 3 -13 (number of bars they want to see)
2. Pass the parameter to a running total object and have it do - (max(y-axis) - min(yaxis)) / parameter.
I hope I explained this well enough and yhanks in advance for your help

I suppose the first question would be; how would you do this manually in the CR designer? The try to mimic the same steps at runtime. You do not mention version of CR (I suspect it is the .NET 2005 bundle?). Your description implies that you essentially want to build the table at runtime. E.g.; report creation APIs which are not available in the .NET 2005 bundle. Stand-alone versions of CR include RAS APIs and you can use those to build the report or parts of the report such as a table at runtime.
Ludek

FMS to Find total number of Quantity for all Sales Orders

Hi Experts,
I am trying to get the total number of quantities for the current document. Kindly help me out how to find it out for the current document.
Currently I am giving the document no. to the query by modifying the query every time before executing it. but how can i do this without giving the document numbers and executing the query directly.
Kindly help ...
Thanks and regards,
Amit.

Hi,
Please follow below steps to get total quantity.
1. Run below query first in query generator
SELECT sum(T1.[Quantity]) FROM ORDR T0 INNER JOIN RDR1 T1 ON T0.DocEntry = T1.DocEntry WHERE t0.docnum = $[ORDR.docnum]
2. After execute, save it under query manager with required name
3. Open sales order and run saved query
4. Total quantity will be displayed in query result.
refer below screen shot:
Thanks & Regards,
Nagarajan

How to use progress bar for Main and Subsequences in teststand

HI,
I have one main sequence in that I am calling different subsequences (Containing many steps and for loop).
I am trying to use progress bar for this sequence, but my requirement is progressbar is able to show the progress of all the steps containing in Main and subsequences.
I have developed sequence in that I am able to show the progress for only Main sequence steps not for subsequences steps.
Is it possible? If yes please let me know the suggestions.
Thank You

Hi Santosh
Here you are
Greetings
Juergen
never Double Click on Submit
Message Edited by j_dodek on 08-05-2008 08:05 AM
=s=i=g=n=a=t=u=r=e= Click on the Star and see what happens :-) =s=i=g=n=a=t=u=r=e=
Attachments:
Progress_ts351.seq ‏52 KB

Horizontal Scroll Bar for Region or Page

Hi,
I have a region with 10 items in a row for data entry. If i resize the browser window or the the screen/resolution is smaller then not all items are displayed and there is no scroll bar.
How can i enable a scroll bar to be able to view all items depending on the current width of the browser?
I'm using Application Express 4.0.1.00.03
Teo

Teo,
You can set the div's width based on the window's width in Javascript. If you are in Apex 4 the following code can do this for you
$('#SPECIAL_DIV').width( $(window).width()/2 );$(window).width() returns a number indicating the window width.
Here the width of an HTML element ( with an ID: SPECIAL_DIV ) is set as the half of window's width.
If you want to resize the item as soon the window is resized(without refreshing the page) ,you can bind the code to the resize browser event
In jQuery, that would be
$(window).resize(function () {$('#SPECIAL_DIV').width( $(window).width()/2 ); });

Menu Bar for Struts application

Hi All,
We are developing the Struts based Web Application using Hibernate and for this we need the Menu Bar for all the pages in the application.But we are unable to write the code for the menu bar using java classes.
If possible please send the code for the issue.
Thanking you.
Ram

tsith wrote:
georgemc wrote:
ramachandrarao_bandaru009 wrote:
We are developing the Struts based Web Application using Hibernate and for this we need the Menu Bar for all the pages in the application.But we are unable to write the code for the menu bar using java classes.Then you probably shouldn't have applied for a job that required Struts experience
Right, I'm off to post in some Neurosurgery forum, see how far I can blag my way in that profession:
>
I am attempting to remove a cerebral tumour but I don't know one end of a gamma knife from the other. If anyone knows how to do this please detail the exact steps in laymans terms below
>1) open up head
2) locate tumor (note correct spelling ;-)
3) remove tumor - be careful not to remove good stuff
4) close head
5) ???
6) profitYou spelt tumour wrong :p

This serial number is not for a qualifying product. Please try another.

I have the error "This serial number is not for a qualifying product. Please try another." I am trying to re-download software, which I thought I did so successfully until I needed to open a pdf and the "serial number upgrade" box opened and is telling me that the serial number from a business purchase is not for a qualifying product. Steps to get Acrobat X Standard on my computer?

Your message indicates that you are trying to upgrade from one Acrobat version to another. You will need both serial numbers for the original (qualifying) product, as well as the new (upgraded) product.
[topic moved to Acrobat forum]

What the number to call for unauthorized IN APP purchases?

Does anyone know the number to call for "unauthorized" in app purchases? Freq asked questions don't answers my purchases questions.

Hi mbabecake,
Happy Holidays! The iTunes Store support is web based. The resources below will explain how to review your purchase history and report any issues. Click on the link below to get in touch with the iTunes Store Support team.
See your purchase history in the iTunes Store - Apple Support
http://support.apple.com/en-us/ht2727
Report a problem or request a refund for a purchase made within the last 90 days.
See your purchase history
Click to open your account in iTunes.
Sign in with your Apple ID. iTunes will open to your purchase history, and you'll see the items you purchased.
Alternatively, you can:
Open iTunes.
Click iTunes Store.
Click Sign In.
Enter your Apple ID and password.
Click your Apple ID and select Account from the drop-down menu.
Next to Purchase History, click See All.
It might take a moment for your Purchase History to appear.
To see the details for a purchase, click the arrow to the left of the order date. Your most recent purchases are first.
You'll see the date, time, and web order number in the top-right corner. If you don't recognize a purchase, see if it's one of these types of charges.
How to report an issue with your iTunes Store, App Store, Mac App Store, or iBookstore purchase
http://support.apple.com/kb/HT1933?viewlocale=en_US
Report an problem with an item you bought from the iTunes Store, App Store, Mac App Store, or iBooks Store
You can use your email receipt to report a problem. If you use Family Sharing and you have an problem with a shared item, ask the family member that bought the item to report the problem using the steps below.
To report a problem with an item you bought, follow these steps:
Find the email receipt for your purchase.
Click Report a Problem under the item you're having a problem with.
Enter the Apple ID and password you used to purchase the item, then click Report a Problem.
Click Report a Problem next to the item you are having a problem with.
Select your problem from the Choose Problem menu.
Follow the onscreen instructions. You might be asked to describe the problem in a text field.
Click Submit and we'll review your problem.
I hope this information helps ...
- Judy

Selecting Paper for the Multi-purpose Tray - Canon imageCLASS MF6160dw

I set the default paper for the Multi-purpose Tray of my Canon imageCLASS MF6160dw to be legal paper.
When I want to print envelopes or labels, can I change to that respective paper from my computer OR must I do it from the panel on the printer?
It sure seems like I have to constantly get up & change something on the panel on the printer that I should be able to do from my computer.
If I can do it from my computer, please list the steps on how I would do that.

Hi, Steven1!
To ensure the most accurate information is provided, we will need to know the version of Windows or Mac in use.
If this is a time-sensitive matter, our US-based technical support team is standing by, ready to help 24/7 via Email at http://bit.ly/EmailCanon or by phone at 1-800-OK-CANON (1-800-652-2666) weekdays between 10 AM and 10 PM ET (7 AM to 7 PM PT).
Thanks and have a great day!

Maintain Number range group for Internal order

Hello,
I have created Internal order type, now, i would like to create/maintain the number range group for this already created order type.
When i goto Maint Number ranges for orders->click on Group->Maint and again click on group insert... when i mention here the group name and number range for that group and say save the system in accepting but when view all the groups, i do not find this new group created by me.
How do i view the newly created group, is there any other steps to be followed? please advice.
regards,
radhakrishna

Hi:
It's a little late for this post but it is still important to record.
When you try to create a group in KONK transaction, the system doesn't show the new group.
This is because there are a inconsistences in the old groups.
You must execute RSSNR0T1 program to solve the problem.
Greetings
Marco

Creating a cfhttp multi part form post for google docs upload

Hey all,
If you saw my last thread, you know I am working with google docs and uploading documents to it. Well I got basic document uploading working, but now I am trying to include meta data. Google requires you to include the metadata with the actual file data and seperate them by using a multi part form upload. I don't know exactly the process for doing so, but they have a handy code snippet of the desired results at
http://code.google.com/apis/documents/docs/3.0/developers_guide_protocol.html#UploadingDoc s
So I am basically trying to mimic that payload, however I am continually getting an error stating that there are no parts in a multi part form upload.
<errors xmlns='http://schemas.google.com/g/2005'><error><domain>GData</domain><code>InvalidEntryException</code><internalReason>No parts detected in multipart message</internalReason></error></errors>
to be exact. I am not really sure what I am doing wrong here. I figure it is one of two things, either I am not including the actual data in the payload properly (I am currently using a body type param for the payload, but I have also tried a formfield named content to deliver it. Neither worked). So maybe I need to do something else tricky there? The other thing which I am not reallly sure about is the content-length attribute. I don't know exactly how to calculate that, and I read in another forum that a content length attribute was messing that guy up. Right now I am just taking the lenght of the payload string and multiplying by 8 (to get the number of bytes for the entire payload) but hell if I know if that is right. It could be I just don't know how to set up the parts for the message, it seems pretty straight forward though. Just define a boundary in the content-type, then put two dashes before it wherever you define a new part, and two dashes trailing the last part.
Anyway, here is my code, any help is much appreciate. I'm a bit beyond my expertise here (not really used to trying to have to roll my own http requests, nevermind multipart post form data) so I'm kinda flailing around. Thanks again.
<cffunction name="upload" access="public" returnType="any" hint="I upload the document." output="false">
    <cfargument name="filePath" type="string" required="false" hint="file to upload.">
    <cfargument name="docType" type="string" required="yes" hint="The document type to identify this document see google list api supported documents">
    <cfargument name="parentCollectionId" type="string" required="no" hint="the name of the collection/collection to create (include collection%3A)">
    <cfargument name="metaData" type="struct" required="no" hint="structure containing meta data. Keyname is attribute name, value is the value">
    <cfset var result = structnew()>
    <cfset result.success = true>
    <cftry>
        <cfif structkeyexists(arguments,"parentCollectionId")>
                  <cfset arguments.parentCollectionId = urlencodedformat(parentCollectionId)>
                  <cfset result.theUrl = "https://docs.google.com/feeds/default/private/full/#arguments.parentCollectionId#/contents">
            <cfelse>
                    <cfset result.theUrl = "https://docs.google.com/feeds/default/private/full/">
        </cfif>
         <cfoutput>
              <cffile action="read" file="#arguments.filePath#" variable="theFile">
            <cfsavecontent variable="atomXML">
                 Content-Type: application/atom+xml
                <?xml version='1.0' encoding='UTF-8'?>
                <entry xmlns="http://www.w3.org/2005/Atom" xmlns:docs="http://schemas.google.com/docs/2007">
                  <category scheme="http://schemas.google.com/g/2005##kind"
                      term="http://schemas.google.com/docs/2007###arguments.docType#"/>
                    <cfloop collection="#arguments.metaData#" item="key">
                        <#key#>#arguments.metadata[key]#</#key#>
                    </cfloop>
                </entry>
                --END_OF_PART
                Content-Type: text/plain
                #theFile#
                --END_OF_PART--
            </cfsavecontent>
        </cfoutput>
        <cfset result.postData = atomXML>
        <cfhttp url="#result.theUrl#" method="post" result="httpRequest" charset="utf-8" multipart="yes">
            <cfhttpparam type="header" name="Authorization" value="GoogleLogin auth=#getAuth()#">
            <cfhttpparam type="header" name="GData-Version" value="3">
            <cfhttpparam type="header" name="Content-Length" value="#len(trim(atomXML))*8#">
            <cfhttpparam type="header" name="Content-Type" value="multipart/related; boundary=END_OF_PART">
            <cfhttpparam type="header" name="Slug" value="test file --END_OF_PART">
            <cfhttpparam type="body" name="content" value="#trim(atomXML)#">
        </cfhttp>
        <cftry>
               <cfset packet = xmlParse(httpRequest.fileContent)>
            <cfif httpRequest.statusCode neq "201 created">
                <cfthrow message="HTTP Error" detail="#httpRequest.fileContent#" type="HTTP CODE #httpRequest.statusCode#">
            </cfif>
            <cfset result.data.resourceId = packet.entry['gd:resourceId'].xmlText>
            <cfset result.data.feedLink = packet.entry['gd:feedLink'].xmlText>
            <cfset result.data.title = packet.entry.title.xmlText>
            <cfset result.data.link = packet.entry.title.xmlText>
            <cfcatch>
                 <cfset result.data = httpRequest>
            </cfcatch>
        </cftry>
        <cfcatch type="any">
             <cfset result.error = cfcatch>
            <cfset result.success = false>
        </cfcatch>
    </cftry>
    <cfreturn result>
</cffunction>
Also, this is what my atomXML data ended up looking like when it got sent to google. This isn't the WHOLE request (it doesn't include the headers, just the body).
Content-Type: application/atom+xml
<?xml version='1.0' encoding='UTF-8'?>
<entry xmlns="http://www.w3.org/2005/Atom" xmlns:docs="http://schemas.google.com/docs/2007">
<category scheme="http://schemas.google.com/g/2005#kind" term="http://schemas.google.com/docs/2007#document"/>
<TITLE>Woot Test</TITLE> </entry>
--END_OF_PART
Content-Type: text/plain
I'm a test document lol!
--END_OF_PART--

Woot, I got it. I had to send the gData version number, and change the URL.
Here is the working function.
<cffunction name="upload" access="public" returnType="any" hint="I upload the document." output="false">
    <cfargument name="myFile" type="string" required="false" hint="file to upload.">
    <cfset var result = "">
    <cfset theUrl = "https://docs.google.com/feeds/default/private/full">
    <cffile action="read" file="C:\website\xerointeractive\testing\test.txt" variable="theFile">
    <cfset fileSize = createObject("java","java.io.File").init("C:\website\xerointeractive\testing\test.txt").length()>
    <cfhttp url="#theURL#" method="post" result="result" charset="utf-8" >
        <cfhttpparam type="header" name="Authorization" value="GoogleLogin auth=#getAuth()#">
        <cfhttpparam type="header" name="Content-Type" value="text/plain">
        <cfhttpparam type="header" name="Slug" value="test file">
        <cfhttpparam type="header" name="GData-Version" value="3">
        <cfhttpparam type="header" name="Content-Length" value="#fileSize#">
        <cfhttpparam type="body" value="#theFile#">
    </cfhttp>
    <cfreturn result>
</cffunction>

Is it possible to call the contact number indicated in the cell?

Hello! Tell me please, I want to move a lot of contacts in the electronic form and organize a list of contacts in Numbers. Is it convenient to use it on the iphone? Is it possible to call the contact number indicated in the cell? That is an example: name, contact, etc. A few columns. I click on the number of human cell, and then what would happen if a set of user (as it happens in the notes for example)?
Sorry for my english.

Your post is now in the iWork for iOS community. You should be able to get to it using the link in the email you receive with this message.
Regards,
Barry
PS: Interesting that I received the notification of your post in Russian (except for the first and last words).
Here's Googles translation of my reply above:
Ваше сообщение в настоящее время в IWORK для IOS сообщества. Вы должны быть в состоянии добраться до него по ссылке в сообщении электронной почты вы получите с этим сообщением.
С уважением,
Барри

Why does a digital indicator formatted for time & date add 16 hours to the input?

I wire a digital indicator with a double precision value that is supposed to indicate an elapsed time. But the indicator (formatted for time and date, with the date inactive) always adds 16 hours to the wired input.
This problem occurs even in a simple vi I wrote that only consists only of a constant wired to the indicator.
Using LabView 6.0.2

Labview interprets the number passed into an indicator formatted for date & time as seconds since Jan. 1st 1904. I'm assuming that since you're looking for elapsed time this is not what you're passing in. One thing that I've done is get the elapsed time in seconds and write a routine to convert that into whatever format you want.

Problem with a progress bar for downloading attachment

I display the progress bar for downloading attachments and it works fine … but when I am downloading some attachments I get the exception message:
Exception in thread "main" com.sun.mail.util.DecodingException: BASE64Decoder: Error in encoded stream: needed 4 valid base64 characters but only got 1 before EOF, the 10 most recent characters were: "Q3w5ilxj2P"
I found the explanation:
Certain IMAP servers do not implement the IMAP Partial FETCH
functionality properly. This problem typically manifests as corrupt
email attachments when downloading large messages from the IMAP
server. To workaround this server bug, set the
"mail.imap.partialfetch"
property to false. You'll have to set this property in the Properties
object that you provide to your Session.
http://java.sun.com/products/javamail/NOTES113.txt
So I turned off partial fetch:
Properties props = System.getProperties();
props.setProperty("mail.store.protocol", "imaps");
props.setProperty("mail.imaps.partialfetch", "false");
Session session = Session.getDefaultInstance(props, null);
Store store = session.getStore("imaps");
store.connect("imap.gmail.com", "<username>","<password>");this solved the problem ….however the method getInputStream() from the Part class blocks the thread until the attachment is completely downloaded and it is impossible to get the information about the number of bytes which have been already downloaded from mailbox.
Without this information it is impossible to display the progress bar. So is there a way to obtain this information and display the progress bar?
Edited by: 911161 on 2012-01-31 10:55

Try the answer I provided to your post on stackoverflow.com:
http://stackoverflow.com/questions/9086700/how-to-displaly-progress-bar-for-downloading-attachment

Step number indicator bar for a multi-step form

Similar Messages

Maybe you are looking for