Child pages
  • Progress Indicator - Date Picker

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Panel
borderColor#848484
bgColor#FFF
titleBGColor#E8E8E8
titleDate Picker - Progress Indicator
borderStylesolid
{table:style= } {
Wiki Markup
HTML Table
styleborder:1px
solid
#000;
background-color:
#eee;
margin:
15px
auto
0;
text-align:center;
border-collapse:collapse;
Table Row (tr)
:
style
=
border:1px
solid
#000;
height:15px;
} {
Table Cell (td)
:
style
=
background-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFF00;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
Ready
for
Development
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFA500;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=
In
Design
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFDE3;
padding:5px;
width:30px;
|
title
=
Future
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFDE3;
padding:5px;
width:30px;
|
title
=
Future
} {td} {td:style=

Table Cell (td)
stylebackground-color:#FFFDE3;
padding:5px;
width:30px;
border-right:1px
solid
#000
|
title
=Future} {td} {tr} {tr} {td:colspan=3|style=
Future

Table Row (tr)
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Date
Picker|Date Picker Storycards|1) Date Picker] {td} {td:colspan=3|style=
Picker
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Time
Picker|Time Picker Storycards|2) Time Picker] {td} {td:colspan=3|style=
Picker
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[Combined|Date Time Picker Storycards|3) Combined Date and Time Picker] {td} {td:colspan=3|style=
Combined
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Configuration
Options|Date Picker Specification#config|4) Configuration Options] {td} {td:colspan=3|style=
Options
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Close
Time
Picker
Automatically|Time Picker Storycards#story4|5) Close Time Picker Automatically] {td} {td:colspan=3|style=
Automatically
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Error
Handling|Date Picker Storycards#story5|6) Error Handling] {td} {td:colspan=3|style=
Handling
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}
7)
Keyboard
interactions {td} {tr} {table}
interactions

1)

[

Date

Picker|Date Picker Storycards|Date Picker]

Picker
2)

[

Time

Picker|Time Picker Storycards|Time Picker]

Picker
3)

[

Combined

Date

and

Time

Picker|Date Time Picker Storycards|Combined Date and Time Picker] 4) [Configuration Options|Date Time Picker Specification#config|Configuration Options] 5) [Close Time Picker Automatically|Time Picker Storycards#story4|Close Time Picker Automatically] 6) [Error Handling|Date Picker Storycards#story5|Error Handling] 7) Keyboard Interactions Legend {table-plus:autoNumber=false|enableSorting=false| |columnAttributes=style="background:#8CC63F;",style="background:#CADB2A;",style="background:#FFFF00;",style="background:#FFA500;",style="background:#FFFDE3;"} |[{color:black}Stable{color}|Glossary#stable|Performs to spec and has undergone Usability, Accessibility, and QA testing]|[{color:black}In Development{color}|Glossary#in progress|Does not completely conform to specification]|[{color:black}Ready for Development{color}|Glossary#ready for development|Design is complete, ready to be developed]|[{color:black}In Design{color}|Glossary#in design|Design is still in progress]|[{color:black}Future{color}|Glossary#future|The feature is planned, but has not yet undergone design]| {table-plus} _\*Based on the_ [_latest current release_|Fluid Infusion - Current Release|Current Release]

Picker
4) Configuration Options
5) Close Time Picker Automatically
6) Error Handling
7) Keyboard Interactions

Legend


*Based on the latest current release