Data Collection Page with Common Tag Library Examples

Version 1

    Sample Metadata

    Title: Data Collection Page with Common Tag Library Examples

    Author: George Kroner

    Blackboard Version: 9.1.x

    Institution-Affilation: Blackboard

    Keywords: tag library, tag libraries, example, data collection, step, form

     

    Code Screenshot and Snippets

    collection.gif

    Data collection page

     

    //JSP from start to finish

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <%@ taglib uri="/bbNG" prefix="bbNG"%>

    <bbNG:learningSystemPage>

                <bbNG:breadcrumbBar environment="CTRL_PANEL" isContent="false">

                            <bbNG:breadcrumb>Example Form</bbNG:breadcrumb>

                </bbNG:breadcrumbBar>

                <bbNG:pageHeader>

                            <bbNG:pageTitleBar title="Example Data Collection Form">Example Data Collection Form</bbNG:pageTitleBar>

                </bbNG:pageHeader>

                <bbNG:form action="submit.jsp" method="post" onSubmit="return validateForm();">

                            <bbNG:dataCollection>

                                        <bbNG:step title="First set of steps">

                                                    <bbNG:dataElement label="Name" isRequired="true" labelFor="Name">

                                                                <bbNG:textElement name="title" value="" size="50" maxLength="255"

                                                                            isRequired="true" title="Title" />

                                                    </bbNG:dataElement>

                                                    <bbNG:dataElement label="Color of Name">

                                                                <bbNG:colorPicker name="color" />

                                                    </bbNG:dataElement>

                                                    <bbNG:dataElement label="Text" labelFor="descriptiontext">

                                                                <bbNG:textbox label="Description" name="description" isStandalonePage="false" isContentLinking="false" text="" isMathML="false" />

                                                    </bbNG:dataElement>

                                        </bbNG:step>

                                        <bbNG:step title="Second set of steps">

                                                    <bbNG:dataElement>

                                                                <bbNG:filePicker required="true" mode="LOCAL_FILE_ONLY" allowMultipleFiles="false" var="newFile" baseElementName="newFile"></bbNG:filePicker>

                                                    </bbNG:dataElement>

                                                    <bbNG:dataElement label="Select Date">

                                                                <bbNG:dateRangePicker showTime="true" startCaption="Display After"

                                                                            startDateTime="<%=null %>" endCaption="Display Before" endDateTime="<%=null %>" />

                                                    </bbNG:dataElement>

                                        </bbNG:step>

                                        <bbNG:step title="Third set of steps">

                                                    <bbNG:dataElement label="Sample select">

                                                                <bbNG:radioElement name="radio" value="1" ></bbNG:radioElement><bbNG:radioElement name="radio" value="0"></bbNG:radioElement>

                                                    </bbNG:dataElement>

                                        </bbNG:step>

                                        <bbNG:stepSubmit />

                            </bbNG:dataCollection>

                </bbNG:form>

    </bbNG:learningSystemPage>

     

    Download Sample

     

    NameSizeCreatorCreation Date
    Example_DataCollection.war3 kBGeorge Kroner27 Jul 2010 04:32 PM