Child pages
  • Progress Indicator - Date Picker

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin
Panel
borderColor#848484
bgColor#FFF
titleBGColor#E8E8E8
borderStylesolid
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|fluid:Date Picker Storycards|1) Date Picker] {td} {td:colspan=3|style=
Picker
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[
Time
Picker|fluid:Time Picker Storycards|2) Time Picker] {td} {td:colspan=3|style=
Picker
Table Cell (td)
colspan3
styleborder-top:1px
solid
#000
}[Combined|fluid: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 Time 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}

1) Date Picker
2) Time Picker
3) Combined Date and Time Picker
4) Configuration Options
5) Close Time Picker Automatically
6) Error Handling
7) Keyboard Interactions

Legend

{:autoNumber=false|enableSorting=false|2= |columnAttributes=} |[{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}
Wiki Markup
Advanced Tables - Table Plus
2
columnAttributesstyle="background:#8CC63F;",style="background:#CADB2A;",style="background:#FFFF00;",style="background:#FFA500;",style="background:#FFFDE3;"
autoNumberfalse
enableSortingfalse


*Based on the latest current release