JSFiddle

jschin's public fiddles

• KendoUI Test

  A test fiddle for KendoUI prototyping.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Dashzen Gadget/Grid Box Styles

  jQuery 1.7.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Gadget Builder Panel

  Template for Gadget builder of Dashboard system. Notes: - Adding a parameter places it by default at the top of the list.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Multi-edit Panel

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Step Actions : Select List

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drag-and-drop List: Single Column

  CSS & HTML for the modules used in the Edit Workflow page. Notes: - List will scroll if the number of items exceeds the height. - Confirmation dialogues on deleting an item. - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Select List: Single Column

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Light Background Highcharts Theme

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Tabs

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Allowed Next Steps : Step Select & Security

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Notifications : Recipient Panel

  Notes: - Clicking in the text box allows users to type an email/contact and have it autocomplete (a dropdown list of filtered results based on etered text, like security) - Removing recipients form the list will prepend the entry to the top of the - Typing email addresses should happen the same we we do it for TBF email, OT Security etc...autocomplete into modules. - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Allowed Next Steps : Step Select

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow : Edit Step : Step Actions : Select List

  Notes: - - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Workflow Steps List

  CSS & HTML for the modules used in the Edit Workflow page. Notes: - WF List & Steps List will scroll if the number of items exceeds the height. - Clicking on a Workflow in the list loads the steps to the right (ajax) - Confirmation dialogues on delete. - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Field Template Details

  CSS & HTML for the modules used in the Edit Field Template page. Notes: - Confirmation dialogue on delete. - typical blue menu OnTime dropdown on hover. (see mock-up) - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Interactive Select List

  Notes: - Icons color transitions to darker gray on hover. - Setting Active checkbox updates real-time in context of the page (no save button) - Confirmation dialogue should open on delete. - Duplicating a Field Template will refresh the list with the additional template added to the bottom of the row. - Clicking the edit icon (or adding a new template) will open a new window with the Field Template Edit Detail screen. - refer to default classes/styles of form items for styling of interior form elements (links found in OT UI Patterns Wiki - https://axosoft.ontimenow.com/ViewWiki.aspx?id=356&wiki_id=155)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Default Matrix/Table

  jQuery 1.7.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Form Textarea, Selectbox & Checkbox

  CSS examples for basic form elements in OT v11.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Single Direction Shadow

  Shadow css for tab scroll butons

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Form Textbox

  CSS examples for basic form elements in OT v11.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• 3
• 4
• ▶︎
• 5