WordPress.org

Plugin Directory

Smart Forms

Formulas, conditional logic, customized emails, everything you need in an easy to use plugin.

Smart forms quick tutorials

Special thanks to Designmodo - https://www.iconfinder.com/icons/115789/trash_icon#size=16 Installing Smart Forms 1. Upload smart forms to the /wp-content/plugins/ directory 2. Activate the item named 'smart forms' in the 'Plugins' menu in WordPress 3. Go to Smart Forms /Add new and create a new form 4. To add the form to a widget go to widgets and drag the smart form widget 5. To add the form to a post type [sform]formid[/sform] (example:[sform]1[/sform]), you can find the formid of your form on the form list

Creating a new Forms 1. Follow "Installing Smart Forms" 2. Click in smart forms 3. Click in add new 4. Drag the forms elements that you want to display 3. (Optional) If you want to do an additional action after a form is submitted. Go to the forms after submit tab, you can: a)Send a notification email with the form information b)Show an alert with the text that you want. This alert is shown after the form was successfully saved. c)Redireect the user that submitted the form to another page. 4. Save the form. 5. After the form is saved you might want to add the form to a post (Follow "Add form to a post") or add the form to a widget (Follow "Add form to a widget") 6. For a video tutorial please visit the smart forms tutorial screen

Add the form to a post 1. Follow "Installing Smart Forms" 2. Follow "Creating a new Form" to have your new form. 3. Go to a page or post 4. Click in the smart forms button 5. A pop up will show with the list of forms that you have created in Smart Forms. Select the form that you want. 6. Save the post. 7. When you visit the post the form will show up 8. For a video tutorial please visit the smart forms tutorial screen

Add the form as a widget 1. Follow "Installing Smart Forms" 2. Follow "Creating a new Form" to have your new form. 3. Go to the widget configuration 4. You will see an Smart Forms widget, drag it to wherever you want to display the form 5. The widget will contain the list of all the forms that you have created with Smart Forms. 6. Select the form that you want 7. The widget will display the form 8. For a video tutorial please visit the smart forms tutorial screen

Configuring forms notification email 1. Follow "Installing Smart Forms" 2. Click in smart forms 3. Click in add new 4. Drag the forms elements that you want 5. Go to edit email (in the forms after submit tab) 6. Configure the email as you want it. You can click in the field buttons to add form values 7. Put the emails that you want to be notified of a form submission in the "Send email to" box, you can also define a form field. 8. Save the form 9. For a video tutorial please visit the smart forms tutorial screen

Style Used Foundation and other contributors Licensed MIT */.forms-smart-formsSlider .ui-helper-hidden{display:none}.forms-smart-formsSlider .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.forms-smart-formsSlider .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.forms-smart-formsSlider .ui-helper-clearfix:before,.forms-smart-formsSlider .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.forms-smart-formsSlider .ui-helper-clearfix:after{clear:both}.forms-smart-formsSlider .ui-helper-clearfix{min-height:0}.forms-smart-formsSlider .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.forms-smart-formsSlider .ui-front{z-index:100}.forms-smart-formsSlider .ui-state-disabled{cursor:default!important}.forms-smart-formsSlider .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.forms-smart-formsSlider .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.forms-smart-formsSlider .ui-resizable{position:relative}.forms-smart-formsSlider .ui-resizable-handle{position:absolute;font-size:.1px;display:block}.forms-smart-formsSlider .ui-resizable-disabled .ui-resizable-handle,.forms-smart-formsSlider .ui-resizable-autohide .ui-resizable-handle{display:none}.forms-smart-formsSlider .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.forms-smart-formsSlider .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.forms-smart-formsSlider .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.forms-smart-formsSlider .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.forms-smart-formsSlider .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.forms-smart-formsSlider .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.forms-smart-formsSlider .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.forms-smart-formsSlider .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.forms-smart-formsSlider .ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.forms-smart-formsSlider .ui-button,.forms-smart-formsSlider .ui-button:link,.forms-smart-formsSlider .ui-button:visited,.forms-smart-formsSlider .ui-button:hover,.forms-smart-formsSlider .ui-button:active{text-decoration:none}.forms-smart-formsSlider .ui-button-icon-only{width:2.2em}button.forms-smart-formsSlider .ui-button-icon-only{width:2.4em}.forms-smart-formsSlider .ui-button-icons-only{width:3.4em}button.forms-smart-formsSlider .ui-button-icons-only{width:3.7em}.forms-smart-formsSlider .ui-button .ui-button-text{display:block;line-height:normal}.forms-smart-formsSlider .ui-button-text-only .ui-button-text{padding:.4em 1em}.forms-smart-formsSlider .ui-button-icon-only .ui-button-text,.forms-smart-formsSlider .ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.forms-smart-formsSlider .ui-button-text-icon-primary .ui-button-text,.forms-smart-formsSlider .ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.forms-smart-formsSlider .ui-button-text-icon-secondary .ui-button-text,.forms-smart-formsSlider .ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.forms-smart-formsSlider .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.forms-smart-formsSlider .ui-button{padding:.4em 1em}.forms-smart-formsSlider .ui-button-icon-only .ui-icon,.forms-smart-formsSlider .ui-button-text-icon-primary .ui-icon,.forms-smart-formsSlider .ui-button-text-icon-secondary .ui-icon,.forms-smart-formsSlider .ui-button-text-icons .ui-icon,.forms-smart-formsSlider .ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.forms-smart-formsSlider .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.forms-smart-formsSlider .ui-button-text-icon-primary .ui-button-icon-primary,.forms-smart-formsSlider .ui-button-text-icons .ui-button-icon-primary,.forms-smart-formsSlider .ui-button-icons-only .ui-button-icon-primary{left:.5em}.forms-smart-formsSlider .ui-button-text-icon-secondary .ui-button-icon-secondary,.forms-smart-formsSlider .ui-button-text-icons .ui-button-icon-secondary,.forms-smart-formsSlider .ui-button-icons-only .ui-button-icon-secondary{right:.5em}.forms-smart-formsSlider .ui-buttonset{margin-right:7px}.forms-smart-formsSlider .ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.forms-smart-formsSlider .ui-button::-moz-focus-inner,button.forms-smart-formsSlider .ui-button::-moz-focus-inner{border:0;padding:0}.forms-smart-formsSlider .ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.forms-smart-formsSlider .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.forms-smart-formsSlider .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.forms-smart-formsSlider .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.forms-smart-formsSlider .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.forms-smart-formsSlider .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.forms-smart-formsSlider .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.forms-smart-formsSlider .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.forms-smart-formsSlider .ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.forms-smart-formsSlider .ui-draggable .ui-dialog-titlebar{cursor:move}.forms-smart-formsSlider .ui-slider{position:relative;text-align:left}.forms-smart-formsSlider .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.forms-smart-formsSlider .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.forms-smart-formsSlider .ui-slider.ui-state-disabled .ui-slider-handle,.forms-smart-formsSlider .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.forms-smart-formsSlider .ui-slider-horizontal{height:.8em}.forms-smart-formsSlider .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.forms-smart-formsSlider .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.forms-smart-formsSlider .ui-slider-horizontal .ui-slider-range-min{left:0}.forms-smart-formsSlider .ui-slider-horizontal .ui-slider-range-max{right:0}.forms-smart-formsSlider .ui-slider-vertical{width:.8em;height:100px}.forms-smart-formsSlider .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.forms-smart-formsSlider .ui-slider-vertical .ui-slider-range{left:0;width:100%}.forms-smart-formsSlider .ui-slider-vertical .ui-slider-range-min{bottom:0}.forms-smart-formsSlider .ui-slider-vertical .ui-slider-range-max{top:0}.forms-smart-formsSlider .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.forms-smart-formsSlider .ui-widget .ui-widget{font-size:1em}.forms-smart-formsSlider .ui-widget input,.forms-smart-formsSlider .ui-widget select,.forms-smart-formsSlider .ui-widget textarea,.forms-smart-formsSlider .ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.forms-smart-formsSlider .ui-widget-content{border:1px solid #ddd;background:#eee url(./images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.forms-smart-formsSlider .ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(./images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.forms-smart-formsSlider .ui-widget-header a{color:#fff}.forms-smart-formsSlider .ui-state-default,.forms-smart-formsSlider .ui-widget-content .ui-state-default,.forms-smart-formsSlider .ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(./images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.forms-smart-formsSlider .ui-state-default a,.forms-smart-formsSlider .ui-state-default a:link,.forms-smart-formsSlider .ui-state-default a:visited{color:#1c94c4;text-decoration:none}.forms-smart-formsSlider .ui-state-hover,.forms-smart-formsSlider .ui-widget-content .ui-state-hover,.forms-smart-formsSlider .ui-widget-header .ui-state-hover,.forms-smart-formsSlider .ui-state-focus,.forms-smart-formsSlider .ui-widget-content .ui-state-focus,.forms-smart-formsSlider .ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(./images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.forms-smart-formsSlider .ui-state-hover a,.forms-smart-formsSlider .ui-state-hover a:hover,.forms-smart-formsSlider .ui-state-hover a:link,.forms-smart-formsSlider .ui-state-hover a:visited{color:#c77405;text-decoration:none}.forms-smart-formsSlider .ui-state-active,.forms-smart-formsSlider .ui-widget-content .ui-state-active,.forms-smart-formsSlider .ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(./images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.forms-smart-formsSlider .ui-state-active a,.forms-smart-formsSlider .ui-state-active a:link,.forms-smart-formsSlider .ui-state-active a:visited{color:#eb8f00;text-decoration:none}.forms-smart-formsSlider .ui-state-highlight,.forms-smart-formsSlider .ui-widget-content .ui-state-highlight,.forms-smart-formsSlider .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(./images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.forms-smart-formsSlider .ui-state-highlight a,.forms-smart-formsSlider .ui-widget-content .ui-state-highlight a,.forms-smart-formsSlider .ui-widget-header .ui-state-highlight a{color:#363636}.forms-smart-formsSlider .ui-state-error,.forms-smart-formsSlider .ui-widget-content .ui-state-error,.forms-smart-formsSlider .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(./images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.forms-smart-formsSlider .ui-state-error a,.forms-smart-formsSlider .ui-widget-content .ui-state-error a,.forms-smart-formsSlider .ui-widget-header .ui-state-error a{color:#fff}.forms-smart-formsSlider .ui-state-error-text,.forms-smart-formsSlider .ui-widget-content .ui-state-error-text,.forms-smart-formsSlider .ui-widget-header .ui-state-error-text{color:#fff}.forms-smart-formsSlider .ui-priority-primary,.forms-smart-formsSlider .ui-widget-content .ui-priority-primary,.forms-smart-formsSlider .ui-widget-header .ui-priority-primary{font-weight:bold}.forms-smart-formsSlider .ui-priority-secondary,.forms-smart-formsSlider .ui-widget-content .ui-priority-secondary,.forms-smart-formsSlider .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.forms-smart-formsSlider .ui-state-disabled,.forms-smart-formsSlider .ui-widget-content .ui-state-disabled,.forms-smart-formsSlider .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.forms-smart-formsSlider .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.forms-smart-formsSlider .ui-icon{width:16px;height:16px}.forms-smart-formsSlider .ui-icon,.forms-smart-formsSlider .ui-widget-content .ui-icon{background-image:url(./images/ui-icons_222222_256x240.png)}.forms-smart-formsSlider .ui-widget-header .ui-icon{background-image:url(./images/ui-icons_ffffff_256x240.png)}.forms-smart-formsSlider .ui-state-default .ui-icon{background-image:url(./images/ui-icons_ef8c08_256x240.png)}.forms-smart-formsSlider .ui-state-hover .ui-icon,.forms-smart-formsSlider .ui-state-focus .ui-icon{background-image:url(./images/ui-icons_ef8c08_256x240.png)}.forms-smart-formsSlider .ui-state-active .ui-icon{background-image:url(./images/ui-icons_ef8c08_256x240.png)}.forms-smart-formsSlider .ui-state-highlight .ui-icon{background-image:url(./images/ui-icons_228ef1_256x240.png)}.forms-smart-formsSlider .ui-state-error .ui-icon,.forms-smart-formsSlider .ui-state-error-text .ui-icon{background-image:url(./images/ui-icons_ffd27a_256x240.png)}.forms-smart-formsSlider .ui-icon-blank{background-position:16px 16px}.forms-smart-formsSlider .ui-icon-carat-1-n{background-position:0 0}.forms-smart-formsSlider .ui-icon-carat-1-ne{background-position:-16px 0}.forms-smart-formsSlider .ui-icon-carat-1-e{background-position:-32px 0}.forms-smart-formsSlider .ui-icon-carat-1-se{background-position:-48px 0}.forms-smart-formsSlider .ui-icon-carat-1-s{background-position:-64px 0}.forms-smart-formsSlider .ui-icon-carat-1-sw{background-position:-80px 0}.forms-smart-formsSlider .ui-icon-carat-1-w{background-position:-96px 0}.forms-smart-formsSlider .ui-icon-carat-1-nw{background-position:-112px 0}.forms-smart-formsSlider .ui-icon-carat-2-n-s{background-position:-128px 0}.forms-smart-formsSlider .ui-icon-carat-2-e-w{background-position:-144px 0}.forms-smart-formsSlider .ui-icon-triangle-1-n{background-position:0 -16px}.forms-smart-formsSlider .ui-icon-triangle-1-ne{background-position:-16px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-e{background-position:-32px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-se{background-position:-48px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-s{background-position:-64px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-sw{background-position:-80px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-w{background-position:-96px -16px}.forms-smart-formsSlider .ui-icon-triangle-1-nw{background-position:-112px -16px}.forms-smart-formsSlider .ui-icon-triangle-2-n-s{background-position:-128px -16px}.forms-smart-formsSlider .ui-icon-triangle-2-e-w{background-position:-144px -16px}.forms-smart-formsSlider .ui-icon-arrow-1-n{background-position:0 -32px}.forms-smart-formsSlider .ui-icon-arrow-1-ne{background-position:-16px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-e{background-position:-32px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-se{background-position:-48px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-s{background-position:-64px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-sw{background-position:-80px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-w{background-position:-96px -32px}.forms-smart-formsSlider .ui-icon-arrow-1-nw{background-position:-112px -32px}.forms-smart-formsSlider .ui-icon-arrow-2-n-s{background-position:-128px -32px}.forms-smart-formsSlider .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.forms-smart-formsSlider .ui-icon-arrow-2-e-w{background-position:-160px -32px}.forms-smart-formsSlider .ui-icon-arrow-2-se-nw{background-position:-176px -32px}.forms-smart-formsSlider .ui-icon-arrowstop-1-n{background-position:-192px -32px}.forms-smart-formsSlider .ui-icon-arrowstop-1-e{background-position:-208px -32px}.forms-smart-formsSlider .ui-icon-arrowstop-1-s{background-position:-224px -32px}.forms-smart-formsSlider .ui-icon-arrowstop-1-w{background-position:-240px -32px}.forms-smart-formsSlider .ui-icon-arrowthick-1-n{background-position:0 -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-ne{background-position:-16px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-e{background-position:-32px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-se{background-position:-48px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-s{background-position:-64px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-sw{background-position:-80px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-w{background-position:-96px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-1-nw{background-position:-112px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.forms-smart-formsSlider .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.forms-smart-formsSlider .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.forms-smart-formsSlider .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.forms-smart-formsSlider .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.forms-smart-formsSlider .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.forms-smart-formsSlider .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.forms-smart-formsSlider .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.forms-smart-formsSlider .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.forms-smart-formsSlider .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.forms-smart-formsSlider .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.forms-smart-formsSlider .ui-icon-arrowreturn-1-n{background-position:-80px -64px}.forms-smart-formsSlider .ui-icon-arrowreturn-1-e{background-position:-96px -64px}.forms-smart-formsSlider .ui-icon-arrowreturn-1-s{background-position:-112px -64px}.forms-smart-formsSlider .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.forms-smart-formsSlider .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.forms-smart-formsSlider .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.forms-smart-formsSlider .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.forms-smart-formsSlider .ui-icon-arrow-4{background-position:0 -80px}.forms-smart-formsSlider .ui-icon-arrow-4-diag{background-position:-16px -80px}.forms-smart-formsSlider .ui-icon-extlink{background-position:-32px -80px}.forms-smart-formsSlider .ui-icon-newwin{background-position:-48px -80px}.forms-smart-formsSlider .ui-icon-refresh{background-position:-64px -80px}.forms-smart-formsSlider .ui-icon-shuffle{background-position:-80px -80px}.forms-smart-formsSlider .ui-icon-transfer-e-w{background-position:-96px -80px}.forms-smart-formsSlider .ui-icon-transferthick-e-w{background-position:-112px -80px}.forms-smart-formsSlider .ui-icon-folder-collapsed{background-position:0 -96px}.forms-smart-formsSlider .ui-icon-folder-open{background-position:-16px -96px}.forms-smart-formsSlider .ui-icon-document{background-position:-32px -96px}.forms-smart-formsSlider .ui-icon-document-b{background-position:-48px -96px}.forms-smart-formsSlider .ui-icon-note{background-position:-64px -96px}.forms-smart-formsSlider .ui-icon-mail-closed{background-position:-80px -96px}.forms-smart-formsSlider .ui-icon-mail-open{background-position:-96px -96px}.forms-smart-formsSlider .ui-icon-suitcase{background-position:-112px -96px}.forms-smart-formsSlider .ui-icon-comment{background-position:-128px -96px}.forms-smart-formsSlider .ui-icon-person{background-position:-144px -96px}.forms-smart-formsSlider .ui-icon-print{background-position:-160px -96px}.forms-smart-formsSlider .ui-icon-trash{background-position:-176px -96px}.forms-smart-formsSlider .ui-icon-locked{background-position:-192px -96px}.forms-smart-formsSlider .ui-icon-unlocked{background-position:-208px -96px}.forms-smart-formsSlider .ui-icon-bookmark{background-position:-224px -96px}.forms-smart-formsSlider .ui-icon-tag{background-position:-240px -96px}.forms-smart-formsSlider .ui-icon-home{background-position:0 -112px}.forms-smart-formsSlider .ui-icon-flag{background-position:-16px -112px}.forms-smart-formsSlider .ui-icon-calendar{background-position:-32px -112px}.forms-smart-formsSlider .ui-icon-cart{background-position:-48px -112px}.forms-smart-formsSlider .ui-icon-pencil{background-position:-64px -112px}.forms-smart-formsSlider .ui-icon-clock{background-position:-80px -112px}.forms-smart-formsSlider .ui-icon-disk{background-position:-96px -112px}.forms-smart-formsSlider .ui-icon-calculator{background-position:-112px -112px}.forms-smart-formsSlider .ui-icon-zoomin{background-position:-128px -112px}.forms-smart-formsSlider .ui-icon-zoomout{background-position:-144px -112px}.forms-smart-formsSlider .ui-icon-search{background-position:-160px -112px}.forms-smart-formsSlider .ui-icon-wrench{background-position:-176px -112px}.forms-smart-formsSlider .ui-icon-gear{background-position:-192px -112px}.forms-smart-formsSlider .ui-icon-heart{background-position:-208px -112px}.forms-smart-formsSlider .ui-icon-star{background-position:-224px -112px}.forms-smart-formsSlider .ui-icon-link{background-position:-240px -112px}.forms-smart-formsSlider .ui-icon-cancel{background-position:0 -128px}.forms-smart-formsSlider .ui-icon-plus{background-position:-16px -128px}.forms-smart-formsSlider .ui-icon-plusthick{background-position:-32px -128px}.forms-smart-formsSlider .ui-icon-minus{background-position:-48px -128px}.forms-smart-formsSlider .ui-icon-minusthick{background-position:-64px -128px}.forms-smart-formsSlider .ui-icon-close{background-position:-80px -128px}.forms-smart-formsSlider .ui-icon-closethick{background-position:-96px -128px}.forms-smart-formsSlider .ui-icon-key{background-position:-112px -128px}.forms-smart-formsSlider .ui-icon-lightbulb{background-position:-128px -128px}.forms-smart-formsSlider .ui-icon-scissors{background-position:-144px -128px}.forms-smart-formsSlider .ui-icon-clipboard{background-position:-160px -128px}.forms-smart-formsSlider .ui-icon-copy{background-position:-176px -128px}.forms-smart-formsSlider .ui-icon-contact{background-position:-192px -128px}.forms-smart-formsSlider .ui-icon-image{background-position:-208px -128px}.forms-smart-formsSlider .ui-icon-video{background-position:-224px -128px}.forms-smart-formsSlider .ui-icon-script{background-position:-240px -128px}.forms-smart-formsSlider .ui-icon-alert{background-position:0 -144px}.forms-smart-formsSlider .ui-icon-info{background-position:-16px -144px}.forms-smart-formsSlider .ui-icon-notice{background-position:-32px -144px}.forms-smart-formsSlider .ui-icon-help{background-position:-48px -144px}.forms-smart-formsSlider .ui-icon-check{background-position:-64px -144px}.forms-smart-formsSlider .ui-icon-bullet{background-position:-80px -144px}.forms-smart-formsSlider .ui-icon-radio-on{background-position:-96px -144px}.forms-smart-formsSlider .ui-icon-radio-off{background-position:-112px -144px}.forms-smart-formsSlider .ui-icon-pin-w{background-position:-128px -144px}.forms-smart-formsSlider .ui-icon-pin-s{background-position:-144px -144px}.forms-smart-formsSlider .ui-icon-play{background-position:0 -160px}.forms-smart-formsSlider .ui-icon-pause{background-position:-16px -160px}.forms-smart-formsSlider .ui-icon-seek-next{background-position:-32px -160px}.forms-smart-formsSlider .ui-icon-seek-prev{background-position:-48px -160px}.forms-smart-formsSlider .ui-icon-seek-end{background-position:-64px -160px}.forms-smart-formsSlider .ui-icon-seek-start{background-position:-80px -160px}.forms-smart-formsSlider .ui-icon-seek-first{background-position:-80px -160px}.forms-smart-formsSlider .ui-icon-stop{background-position:-96px -160px}.forms-smart-formsSlider .ui-icon-eject{background-position:-112px -160px}.forms-smart-formsSlider .ui-icon-volume-off{background-position:-128px -160px}.forms-smart-formsSlider .ui-icon-volume-on{background-position:-144px -160px}.forms-smart-formsSlider .ui-icon-power{background-position:0 -176px}.forms-smart-formsSlider .ui-icon-signal-diag{background-position:-16px -176px}.forms-smart-formsSlider .ui-icon-signal{background-position:-32px -176px}.forms-smart-formsSlider .ui-icon-battery-0{background-position:-48px -176px}.forms-smart-formsSlider .ui-icon-battery-1{background-position:-64px -176px}.forms-smart-formsSlider .ui-icon-battery-2{background-position:-80px -176px}.forms-smart-formsSlider .ui-icon-battery-3{background-position:-96px -176px}.forms-smart-formsSlider .ui-icon-circle-plus{background-position:0 -192px}.forms-smart-formsSlider .ui-icon-circle-minus{background-position:-16px -192px}.forms-smart-formsSlider .ui-icon-circle-close{background-position:-32px -192px}.forms-smart-formsSlider .ui-icon-circle-triangle-e{background-position:-48px -192px}.forms-smart-formsSlider .ui-icon-circle-triangle-s{background-position:-64px -192px}.forms-smart-formsSlider .ui-icon-circle-triangle-w{background-position:-80px -192px}.forms-smart-formsSlider .ui-icon-circle-triangle-n{background-position:-96px -192px}.forms-smart-formsSlider .ui-icon-circle-arrow-e{background-position:-112px -192px}.forms-smart-formsSlider .ui-icon-circle-arrow-s{background-position:-128px -192px}.forms-smart-formsSlider .ui-icon-circle-arrow-w{background-position:-144px -192px}.forms-smart-formsSlider .ui-icon-circle-arrow-n{background-position:-160px -192px}.forms-smart-formsSlider .ui-icon-circle-zoomin{background-position:-176px -192px}.forms-smart-formsSlider .ui-icon-circle-zoomout{background-position:-192px -192px}.forms-smart-formsSlider .ui-icon-circle-check{background-position:-208px -192px}.forms-smart-formsSlider .ui-icon-circlesmall-plus{background-position:0 -208px}.forms-smart-formsSlider .ui-icon-circlesmall-minus{background-position:-16px -208px}.forms-smart-formsSlider .ui-icon-circlesmall-close{background-position:-32px -208px}.forms-smart-formsSlider .ui-icon-squaresmall-plus{background-position:-48px -208px}.forms-smart-formsSlider .ui-icon-squaresmall-minus{background-position:-64px -208px}.forms-smart-formsSlider .ui-icon-squaresmall-close{background-position:-80px -208px}.forms-smart-formsSlider .ui-icon-grip-dotted-vertical{background-position:0 -224px}.forms-smart-formsSlider .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.forms-smart-formsSlider .ui-icon-grip-solid-vertical{background-position:-32px -224px}.forms-smart-formsSlider .ui-icon-grip-solid-horizontal{background-position:-48px -224px}.forms-smart-formsSlider .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.forms-smart-formsSlider .ui-icon-grip-diagonal-se{background-position:-80px -224px}.forms-smart-formsSlider .ui-corner-all,.forms-smart-formsSlider .ui-corner-top,.forms-smart-formsSlider .ui-corner-left,.forms-smart-formsSlider .ui-corner-tl{border-top-left-radius:4px}.forms-smart-formsSlider .ui-corner-all,.forms-smart-formsSlider .ui-corner-top,.forms-smart-formsSlider .ui-corner-right,.forms-smart-formsSlider .ui-corner-tr{border-top-right-radius:4px}.forms-smart-formsSlider .ui-corner-all,.forms-smart-formsSlider .ui-corner-bottom,.forms-smart-formsSlider .ui-corner-left,.forms-smart-formsSlider .ui-corner-bl{border-bottom-left-radius:4px}.forms-smart-formsSlider .ui-corner-all,.forms-smart-formsSlider .ui-corner-bottom,.forms-smart-formsSlider .ui-corner-right,.forms-smart-formsSlider .ui-corner-br{border-bottom-right-radius:4px}.forms-smart-formsSlider .ui-widget-overlay{background:#666 url(./images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.forms-smart-formsSlider .ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(./images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}

.forms-smart-formsSlider .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-prev, .forms-smart-formsSlider .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-prev-hover, .forms-smart-formsSlider .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-prev { left:2px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-next { right:2px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-next-hover { right:1px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-prev span, .forms-smart-formsSlider .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .forms-smart-formsSlider .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .forms-smart-formsSlider .ui-datepicker select.ui-datepicker-month, .forms-smart-formsSlider .ui-datepicker select.ui-datepicker-year { width: 49%;} .forms-smart-formsSlider .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .forms-smart-formsSlider .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .forms-smart-formsSlider .ui-datepicker td { border: 0; padding: 1px; } .forms-smart-formsSlider .ui-datepicker td span, .forms-smart-formsSlider .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .forms-smart-formsSlider .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */ .forms-smart-formsSlider .ui-datepicker.ui-datepicker-multi { width:auto; } .forms-smart-formsSlider .ui-datepicker-multi .ui-datepicker-group { float:left; } .forms-smart-formsSlider .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .forms-smart-formsSlider .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .forms-smart-formsSlider .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .forms-smart-formsSlider .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .forms-smart-formsSlider .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .forms-smart-formsSlider .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .forms-smart-formsSlider .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .forms-smart-formsSlider .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */ .forms-smart-formsSlider .ui-datepicker-rtl { direction: rtl; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-group { float:right; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .forms-smart-formsSlider .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 / .forms-smart-formsSlider .ui-datepicker-cover { position: absolute; /must have/ z-index: -1; /must have/ filter: mask(); /must have/ top: -4px; /must have/ left: -4px; /must have/ width: 200px; /must have/ height: 200px; /must have*/ }

/rules for the plot target div. These will be cascaded down to all plot elements according to css rules/ .forms-smart-forms-target { position: relative; color: #666666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; /* height: 300px; width: 400px;*/ }

/rules applied to all axes/ .forms-smart-forms-axis { font-size: 0.75em; }

.forms-smart-forms-xaxis { margin-top: 10px; }

.forms-smart-forms-x2axis { margin-bottom: 10px; }

.forms-smart-forms-yaxis { margin-right: 10px; }

.forms-smart-forms-y2axis, .forms-smart-forms-y3axis, .forms-smart-forms-y4axis, .forms-smart-forms-y5axis, .forms-smart-forms-y6axis, .forms-smart-forms-y7axis, .forms-smart-forms-y8axis, .forms-smart-forms-y9axis, .forms-smart-forms-yMidAxis { margin-left: 10px; margin-right: 10px; }

/rules applied to all axis tick divs/ .forms-smart-forms-axis-tick, .forms-smart-forms-xaxis-tick, .forms-smart-forms-yaxis-tick, .forms-smart-forms-x2axis-tick, .forms-smart-forms-y2axis-tick, .forms-smart-forms-y3axis-tick, .forms-smart-forms-y4axis-tick, .forms-smart-forms-y5axis-tick, .forms-smart-forms-y6axis-tick, .forms-smart-forms-y7axis-tick, .forms-smart-forms-y8axis-tick, .forms-smart-forms-y9axis-tick, .forms-smart-forms-yMidAxis-tick { position: absolute; white-space: pre; }

.forms-smart-forms-xaxis-tick { top: 0px; /* initial position untill tick is drawn in proper place / left: 15px; / padding-top: 10px;*/ vertical-align: top; }

.forms-smart-forms-x2axis-tick { bottom: 0px; /* initial position untill tick is drawn in proper place / left: 15px; / padding-bottom: 10px;*/ vertical-align: bottom; }

.forms-smart-forms-yaxis-tick { right: 0px; /* initial position untill tick is drawn in proper place / top: 15px; / padding-right: 10px;*/ text-align: right; }

.forms-smart-forms-yaxis-tick.forms-smart-forms-breakTick { right: -20px; margin-right: 0px; padding:1px 5px 1px 5px; /* background-color: white;*/ z-index: 2; font-size: 1.5em; }

.forms-smart-forms-y2axis-tick, .forms-smart-forms-y3axis-tick, .forms-smart-forms-y4axis-tick, .forms-smart-forms-y5axis-tick, .forms-smart-forms-y6axis-tick, .forms-smart-forms-y7axis-tick, .forms-smart-forms-y8axis-tick, .forms-smart-forms-y9axis-tick { left: 0px; /* initial position untill tick is drawn in proper place / top: 15px; / padding-left: 10px;/ / padding-right: 15px;*/ text-align: left; }

.forms-smart-forms-yMidAxis-tick { text-align: center; white-space: nowrap; }

.forms-smart-forms-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; }

.forms-smart-forms-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; }

.forms-smart-forms-yaxis-label { margin-right: 10px; /* text-align: center;*/ font-size: 11pt; position: absolute; }

.forms-smart-forms-yMidAxis-label { font-size: 11pt; position: absolute; }

.forms-smart-forms-y2axis-label, .forms-smart-forms-y3axis-label, .forms-smart-forms-y4axis-label, .forms-smart-forms-y5axis-label, .forms-smart-forms-y6axis-label, .forms-smart-forms-y7axis-label, .forms-smart-forms-y8axis-label, .forms-smart-forms-y9axis-label { /* text-align: center;*/ font-size: 11pt; margin-left: 10px; position: absolute; }

.forms-smart-forms-meterGauge-tick { font-size: 0.75em; color: #999999; }

.forms-smart-forms-meterGauge-label { font-size: 1em; color: #999999; }

table.forms-smart-forms-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; }

table.forms-smart-forms-table-legend, table.forms-smart-forms-cursor-legend { background-color: rgba(255,255,255,0.6); border: 1px solid #cccccc; position: absolute; font-size: 0.75em; }

td.forms-smart-forms-table-legend { vertical-align:middle; }

/* These rules could be used instead of assigning element styles and relying on js object properties. */

/* td.forms-smart-forms-table-legend-swatch { padding-top: 0.5em; text-align: center; }

tr.forms-smart-forms-table-legend:first td.forms-smart-forms-table-legend-swatch { padding-top: 0px; } */

td.forms-smart-forms-seriesToggle:hover, td.forms-smart-forms-seriesToggle:active { cursor: pointer; }

.forms-smart-forms-table-legend .forms-smart-forms-series-hidden { text-decoration: line-through; }

div.forms-smart-forms-table-legend-swatch-outline { border: 1px solid #cccccc; padding:1px; }

div.forms-smart-forms-table-legend-swatch { width:0px; height:0px; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; }

.forms-smart-forms-title { top: 0px; left: 0px; padding-bottom: 0.5em; font-size: 1.2em; }

table.forms-smart-forms-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; }

.forms-smart-forms-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; }

.forms-smart-forms-highlighter-tooltip, .forms-smart-forms-canvasOverlay-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; }

.forms-smart-forms-point-label { font-size: 0.75em; z-index: 2; }

td.forms-smart-forms-cursor-legend-swatch { vertical-align: middle; text-align: center; }

div.forms-smart-forms-cursor-legend-swatch { width: 1.2em; height: 0.7em; }

.forms-smart-forms-error { /* Styles added to the plot target container when there is an error go here.*/ text-align: center; }

.forms-smart-forms-error-message { /* Styling of the custom error message div goes here.*/ position: relative; top: 46%; display: inline-block; }

div.forms-smart-forms-bubble-label { font-size: 0.8em; /* background: rgba(90%, 90%, 90%, 0.15);*/ padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%); }

div.forms-smart-forms-bubble-label.forms-smart-forms-bubble-label-highlight { background: rgba(90%, 90%, 90%, 0.7); }

div.forms-smart-forms-noData-container { text-align: center; background-color: rgba(96%, 96%, 96%, 0.3); }

Requires: 3.3 or higher
Compatible up to: 4.2.3
Last Updated: 2015-7-4
Active Installs: 10,000+

Ratings

4.7 out of 5 stars

Support

0 of 5 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1 100,1,1 100,1,1
100,1,1
100,1,1 100,1,1 100,1,1
100,1,1 100,1,1
100,1,1