Skip to content

Instantly share code, notes, and snippets.

@anvilation

anvilation/SmartViewForm.html

Last active August 30, 2021 12:21
Show Gist options
  • Save anvilation/96ba4c45b00b605997eb3a4de27585d0 to your computer and use it in GitHub Desktop.
Save anvilation/96ba4c45b00b605997eb3a4de27585d0 to your computer and use it in GitHub Desktop.
Download ZIP
Form Updated to use the Smart CSS.html
Raw
SmartViewForm.html
<!DOCTYPE html>
<HTML LANG="en-US">
<HEAD>
<meta charset="utf-8">
<!-- What I am adding to make it more Smart View -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/img/csui/themes/carbonfiber/init.css">
<link rel="stylesheet" href="/img/csui/themes/carbonfiber/theme.css">
<link rel="icon" type="image/vnd.microsoft.icon"
href="/img/csui/themes/carbonfiber/image/favicon.ico?v=1404.0.3583009751">
<link rel="prefetch" href="/img/csui/bundles/csui-libraries.css?v=1404.0.3583009751">
<link rel="prefetch" href="/img/csui/themes/carbonfiber/fonts/OTS_webfonts/OpenTextSans_W_Lt.woff2">
<link rel="prefetch" href="/img/csui/themes/carbonfiber/fonts/OTS_webfonts/OpenTextSans_W_Rg.woff2">
<link rel="prefetch" href="/img/csui/themes/carbonfiber/fonts/OTS_webfonts/OpenTextSans_W_Bd.woff2">
<link type="text/css" rel="stylesheet" href="/img/csui/bundles/csui-app.css">
<link type="text/css" rel="stylesheet" href="/img/webwork/bundles/workflow-all.css">
<link type="text/css" rel="stylesheet" href="/img/csui/bundles/csui-forms.css">
<title>Workflow Step : Fancy Pants</title>
[LL_HEAD_RESOURCES /]
</HEAD>
<SCRIPT SRC="[LL_SUPPORTPATH /]core/ajax_dhtml_util.js"></SCRIPT>
<SCRIPT SRC="[LL_SUPPORTPATH /]webform/formssupport.js"></SCRIPT>
<body class="binf-widgets">
<div role="main">
<nav class="csui-navbar binf-navbar binf-navbar-default zero-gutter" aria-label="Main navigation">
<div class="binf-container-fluid" role="menubar">
<span class="binf-navbar-brand binf-collapse binf-navbar-collapse csui-logo-center">
<span class="csui-logo binf-logo-hide">
<span class="csui-logo-image"></span>
</span>
</span>
<div class="binf-nav binf-navbar-nav binf-navbar-left">
<div class="csui-home-item" role="menuitem"><a href="#" title="Home" aria-label="Home page"
class="csui-home csui-acc-tab-region csui-acc-focusable-active" tabindex="0">
<div class="csui-icon-home" title="Home"></div>
</a>
</div>
</div>
</div>
</nav>
</div>
<div class="cs-perspective-panel">
<form>
<INPUT TYPE="hidden" NAME="func" VALUE="[LL_FUNC /]">
<INPUT TYPE="hidden" NAME="LL_FUNC_VALUES" ID="WorkflowValues" VALUE="[LL_FUNC_VALUES /]">
<INPUT TYPE="hidden" NAME="LL_AttrFieldName" VALUE="">
<INPUT TYPE="hidden" NAME="LL_AttrFieldIndex" VALUE="">
<INPUT TYPE="hidden" NAME="LL_WFATTURL" VALUE="[LL_WFATTURL /]">
<div class="csui-perspective-view">
<div class="cs-perspective cs-grid-perspective grid-rows cs-grid binf-container-fluid">
<div class="binf-row">
<div class="binf-col-md-12 row-xs-full">
<div class="workitem-view">
<div class="workitem-row binf-row">
<div class="workitem-view-left binf-col-md-8 binf-col-sm-8 binf-col-xs-12">
<!-- Workflow Header -->
<div class="workitem-header">
<div class="csui-acc-tab-region csui-acc-tab-region-active"> <span
class="tile-type-icon cs-icon-left title-icon assignment-workflow"></span>
<div class="tile-title">
<h2 title="Fancy Pants" tabindex="0"
class="csui-acc-focusable-active">
Fancy Pants</h2>
</div>
</div>
</div>
<!-- Workflow Body-->
<div class="workitem-body">
<div class="workflow-workitem-body">
<div class="workitem-body-row binf-row">
<div class="workitem-properties">
<div
class="workflow-workitem-properties csui-perfect-scrolling ps-container">
<div class="workitem-forms">
<div class="workflow-workitem-form cs-formview-wrapper">
<div
class="cs-form cs-form-create cs-form-show-helper workitem-with-empty-instructions">
<div class="binf-row">
<div class="binf-col-md-12">
<h4>Form Fields</h4>
</div>
<div
class="binf-col-md-12 cs-form-doublecolumn">
<!-- Text Field 1 -->
<div class="csui-field-text">
<div class="binf-form-group">
<label
class="binf-control-label binf-col-sm-3"
title="Text Field 1">
<span class="binf-glyphicon binf-glyphicon-star"></span>
Text Field 1
</label>
<div class="binf-col-sm-9">
<div>
<div
class="cs-field-write">
<div
class="cs-field-write-inner">
<input
CLASS="valueEditable"
TYPE="text"
NAME="_1_1_2_1"
TITLE="Text Field 1"
ID="_1_1_2_1"
VALUE="[LL_FormTag_1_1_2_1 /]"
MAXLENGTH="32"
ONCHANGE="markDirty();">
</div>
</div>
</div>
</div>
<div style="clear:both;">
</div>
</div>
</div>
<!-- Text Field 2 -->
<div class="csui-field-text">
<div class="binf-form-group">
<label
class="binf-control-label binf-col-sm-3"
title="Text Field 1">
<span
class="binf-glyphicon binf-glyphicon-star"></span>Text
Field 1
</label>
<div class="binf-col-sm-9">
<div class="cs-field-write">
<div
class="cs-field-write-inner">
<INPUT
CLASS="valueEditable"
TYPE="text"
NAME="_1_1_3_1"
TITLE="Text Field 2"
ID="_1_1_3_1"
VALUE="[LL_FormTag_1_1_3_1 /]"
MAXLENGTH="32"
ONCHANGE="markDirty();">
</div>
</div>
</div>
<div style="clear:both;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Attachment Pane-->
<aside role="complementary">
<div class="workitem-tabpanel binf-col-md-4 binf-col-sm-4">
<div class="workitem-tabpanel-header"></div>
<div class="workitem-tabpanel-content">
<div class="cs-tabpanel tab-panel csui-acc-tab-region">
<div class="tab-links">
<div class="tab-links-bar">
<span class="fadeout"></span>
<ul class="binf-nav binf-nav-pills" role="tablist">
<li data-csui-tab="Attachments" role="presentation"
class="binf-active"><a role="tab"
aria-selected="true"
aria-controls="cstab-uid-799"
class="cs-tablink csui-acc-focusable-active"
data-binf-toggle="tab" title="Attachments"
tabindex="0">
<span class="cs-tablink-text">Attachments</span>
</a>
</li>
</ul>
</div>
</div>
<div class="binf-tab-content">
<div role="tabpanel"
class="binf-tab-pane binf-fade binf-in binf-active">
<div class="workitem-attachments">
<div class="workitem-attachment-toolbar">
<div class="csui-acc-tab-region">
<div
class="workitem-attachment-toolbar-view tile-nav">
</div>
</div>
</div>
<div class="workitem-attachment-list">
<div
class="workflow-attachmentlist-form csui-acc-tab-region">
<div id="noAttachments" class="workitem-dragdrop-area workitem-dragdrop-area-empty" style="display: none;">
<div class="workitem-dragdrop-icon">
<p class="work-item-attachments-draganddrop">
No Files Attached
</p>
</div>
</div>
<div id="displayAttachments" style="display: none;">
<ul class="workitem-attachments-itemlist"></ul>
</div>
<div class="load-container" id="loadingAttachments">
<div class="outer-border">
<div class="loader"></div>
<div class="binf-sr-only" aria-live="polite" aria-busy="true">
Loading Attachment Volumne
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
<footer role="contentinfo">
<div class="workitem-footer cs-dialog binf-modal-footer">
<div>
<button class="binf-btn binf-btn-default" title="Start"
ONCLICK="doFormSubmit( document.myForm );">Start</button>
<button class="binf-btn binf-btn-default" title="Cancel">Cancel</button>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</body>
</HTML>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment