Contact Form for WordPress – Ultimate Form Builder Lite - Version 1.0.1

Version Description

  • Added Template 5
Download this release

Release Info

Developer Access Keys
Plugin Icon 128x128 Contact Form for WordPress – Ultimate Form Builder Lite
Version 1.0.1
Comparing to
See all releases

Code changes from version 1.0.0 to 1.0.1

css/frontend.css CHANGED
@@ -105,10 +105,14 @@
105
  background-color: transparent !important;
106
  color:#434a54 !important;
107
  }
108
- .ufbl-template-1 .ufbl-form-submit:focus, .ufbl-template-2 .ufbl-form-submit:focus, .ufbl-template-3 .ufbl-form-submit:focus, .ufbl-template-4 .ufbl-form-submit:focus, .ufbl-template-5 .ufbl-form-submit:focus {
109
  background-color: #74baf5 !important;
110
  color:#fff !important;
111
  }
 
 
 
 
112
  .ufbl-template-1 .ufbl-number-field:focus, .ufbl-template-2 .ufbl-number-field:focus, .ufbl-template-3 .ufbl-number-field:focus, .ufbl-template-4 .ufbl-number-field:focus, .ufbl-template-5 .ufbl-number-field:focus {
113
  outline:none !important;
114
  }
@@ -137,13 +141,14 @@ outline:none !important;
137
  }
138
  .ufbl-template-1 .ufbl-form-field {
139
  display: inline-block;
140
- width: 74%;
141
  }
142
  .ufbl-template-1 .ufbl-form-field input[type="text"], .ufbl-template-1 .ufbl-form-field input[type="email"],.ufbl-template-1 .ufbl-form-field input[type="password"],.ufbl-template-1 .ufbl-form-field textarea,.ufbl-template-1 .ufbl-form-field input[type="reset"]{
143
  border-radius:4px;
144
  border-color:#aab2bd;
145
  padding:4px 8px;
146
  background-color: transparent;
 
147
  }
148
  .ufbl-template-1 input[type="checkbox"], input[type="radio"] button, select, textarea{
149
  outline:none !important;
@@ -173,13 +178,13 @@ box-shadow: 0 0 1px 1px #67D5EB;
173
  border-radius:4px;
174
  width:50%;
175
  padding:5px;
176
- font-size:14px;
177
  cursor:pointer;
178
  height:35px;
179
  background: transparent;
180
  }
181
  .ufbl-template-1 .ufbl-email-field{
182
- font-size:14px;
183
  box-shadow: none;
184
  padding:8px;
185
  }
@@ -208,8 +213,8 @@ box-shadow: 0 0 1px 1px #67D5EB;
208
  text-transform: none;
209
  }
210
  .ufbl-template-1 .ufbl-form-reset:hover {
211
- background-color: #52a2e5;
212
- color:#fff;
213
  }
214
  .ufbl-template-1 .ufbl-error {
215
  color: #ff0000;
@@ -378,12 +383,13 @@ box-shadow: 0 0 1px 1px #67D5EB;
378
  }
379
  .ufbl-template-2 .ufbl-form-field {
380
  display: inline-block;
381
- width: 75%;
382
  }
383
  .ufbl-template-2 input[type="text"], .ufbl-template-2 input[type="email"], .ufbl-template-2 input[type="url"],.ufbl-template-2 input[type="password"],.ufbl-template-2 input[type="search"],.ufbl-template-2 textarea{
384
  border-color:#aab2bd;
385
  background-color: transparent;
386
  padding:4px 8px;
 
387
  }
388
  .ufbl-template-2 input[type="checkbox"], input[type="radio"] button, select, textarea{
389
  outline:none !important;
@@ -412,13 +418,13 @@ box-shadow: 0 0 1px 1px #67D5EB;
412
  border: 1px solid #aab2bd;
413
  width:50%;
414
  padding:5px;
415
- font-size:14px;
416
  cursor:pointer;
417
  height:35px;
418
  background:transparent;
419
  }
420
  .ufbl-template-2 .ufbl-email-field{
421
- font-size:14px;
422
  box-shadow: none;
423
  padding:8px;
424
  }
@@ -618,13 +624,13 @@ border: 1px solid #aab2bd;
618
  }
619
  .ufbl-template-3 .ufbl-form-field {
620
  display: inline-block;
621
- width: 75%;
622
  }
623
  .ufbl-template-3 .ufbl-form-field input[type="text"], .ufbl-template-3 .ufbl-form-field input[type="email"],.ufbl-template-3 .ufbl-form-field input[type="password"],.ufbl-template-3 .ufbl-form-field textarea,.ufbl-template-3 .ufbl-form-field input[type="reset"] {
624
  border: 3px solid #74baf5;
625
  padding:4px 8px;
626
  background-color:transparent;
627
- font-size:14px;
628
  }
629
  .ufbl-template-3 .ufbl-form-field .ufbl-form-reset:hover{
630
  background:#52a2e5;
@@ -863,18 +869,20 @@ box-shadow: 0 0 1px 1px #67D5EB;
863
  }
864
  .ufbl-template-4 .ufbl-form-field {
865
  display: inline-block;
866
- width: 75%;
867
  }
868
  .ufbl-template-4 input[type="text"],.ufbl-template-4 input[type="email"],.ufbl-template-4 input[type="url"],.ufbl-template-4 input[type="password"],.ufbl-template-4 input[type="search"], textarea {
869
  border:transparent;
870
  border-bottom: 2px solid #74baf5;
871
  padding: 4px 8px;
872
  background-color: transparent;
 
873
  }
874
  .ufbl-template-4 textarea{
875
  outline: 1px solid #74baf5 !important;
876
  border-bottom: 2px solid #74baf5;
877
  background-color:transparent;
 
878
  }
879
  .ufbl-template-4 input[type="checkbox"], input[type="radio"] button, select, textarea{
880
  outline:none !important;
@@ -893,24 +901,21 @@ box-shadow: 0 0 1px 1px #67D5EB;
893
  display: block;
894
  margin-bottom: 10px;
895
  }
896
- .ufbl-template-4 *::-moz-placeholder {
897
  color: rgba(51, 51, 51, 0.7)!important;
898
- font-family: "Noto Sans",sans-serif;
899
  opacity: 1;
900
- font-size: 14px;
901
  }
902
  .ufbl-template-4 select.ufbl-required, .ufbl-template-4 .ufbl-form-field select,.ufbl-template-4 .ufbl-form-field .ufbl-number-field {
903
  border:transparent;
904
  border-bottom: 2px solid #74baf5;
905
  width:50%;
906
  padding:5px;
907
- font-size:14px;
908
  cursor:pointer;
909
  height:38px;
910
  background-color: transparent;
911
  }
912
  .ufbl-template-4 .ufbl-email-field{
913
- font-size:14px;
914
  box-shadow: none;
915
  padding:8px;
916
  }
@@ -960,7 +965,6 @@ box-shadow: 0 0 1px 1px #67D5EB;
960
  width: 154px;
961
  height:38px;
962
  padding:2px 6px;
963
- font-size:15px;
964
  }
965
  .ufbl-template-4 input.ufbl-form-radio{
966
  display:none;
@@ -1047,10 +1051,10 @@ box-shadow: 0 0 1px 1px #67D5EB;
1047
  top: 35px !important;
1048
  width: 103% !important;
1049
  }
1050
- .ufbl-template-4 .sbOptions a:link, .ufbl-template-3 .sbOptions a:visited {
1051
  color:#999999 !important;
1052
  }
1053
- .ufbl-template-4 .sbOptions a:hover, .ufbl-template-3 .sbOptions a:focus, .ufbl-template-3 .sbOptions a.sbFocus {
1054
  background-color: transparent;
1055
  color:#74baf5 !important;
1056
  }
@@ -1071,7 +1075,7 @@ box-shadow: 0 0 1px 1px #67D5EB;
1071
  background-repeat: no-repeat !important;
1072
  background-size: auto auto !important;
1073
  }
1074
- .ufbl-template-4.sbToggle:hover, .ufbl-template-2 .sbToggle:focus {
1075
  background-attachment: scroll !important;
1076
  background-clip: border-box !important;
1077
  background-color: rgba(0, 0, 0, 0) !important;
@@ -1084,82 +1088,321 @@ box-shadow: 0 0 1px 1px #67D5EB;
1084
  }
1085
  /**-------- Template 4 end ------ */
1086
  /**-------- Template 5 ------ */
1087
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1088
  /**-------- Template 5 end ------ */
1089
-
1090
-
1091
-
1092
-
1093
-
1094
-
1095
-
1096
-
1097
  /**-------- Responsive css ------ */
1098
-
1099
  @media only screen and (max-width: 1300px) {
1100
  /**-------- template 1 ------ */
1101
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1102
- .ufbl-template-4 .ufbl-form-field {
1103
  width: 72%;
1104
  }
1105
-
1106
-
1107
-
1108
-
1109
  }
1110
-
1111
  @media only screen and (max-width: 1200px) {
1112
  /**-------- template 1 ------ */
1113
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1114
- .ufbl-template-4 .ufbl-form-field {
1115
  width: 67%;
1116
  }
1117
  .ufbl-template-1 .ufbl-form-submit, .ufbl-template-2 .ufbl-form-submit, .ufbl-template-3 .ufbl-form-field .ufbl-form-submit,
1118
- .ufbl-template-4 .ufbl-form-field .ufbl-form-submit {
1119
  margin-left: 0;
1120
  }
1121
-
1122
-
1123
  }
1124
-
1125
  @media only screen and (max-width: 1024px) {
1126
  /**-------- template 1 ------ */
1127
  .ufbl-template-1 .ufbl-form-field,.ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1128
- .ufbl-template-4 .ufbl-form-field {
1129
  width: 100%;
1130
  }
1131
  .ufbl-template-1 .ufbl-form-field-wrap > label, .ufbl-template-2 .ufbl-form-field-wrap > label,
1132
- .ufbl-template-3 .ufbl-form-field-wrap > label, .ufbl-template-4 .ufbl-form-field-wrap > label {
 
1133
  margin-top: 7px;
1134
  }
1135
  }
1136
-
1137
-
1138
  @media only screen and (max-width: 955px) {
1139
  /**-------- template 1 ------ */
1140
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1141
- .ufbl-template-4 .ufbl-form-field {
1142
  width: 71%;
1143
  }
1144
  }
1145
-
1146
  @media only screen and (max-width: 800px) {
1147
  /**-------- template 1 ------ */
1148
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1149
- .ufbl-template-4 .ufbl-form-field {
1150
  width: 100%;
1151
  }
1152
  .ufbl-template-1 .ufbl-form-field-wrap > label, .ufbl-template-2 .ufbl-form-field-wrap > label,
1153
- .ufbl-template-3 .ufbl-form-field-wrap > label, .ufbl-template-4 .ufbl-form-field-wrap > label {
 
1154
  width: 100%;
1155
  }
1156
  }
1157
-
1158
  @media only screen and (max-width: 640px) {
1159
  /**-------- template 1 ------ */
1160
  .ufbl-template-1 .ufbl-form-submit, .ufbl-template-2 .ufbl-form-submit, .ufbl-template-3 .ufbl-form-submit,
1161
- .ufbl-template-4 .ufbl-form-submit {
1162
  margin-bottom: 10px;
1163
  margin-left: 0;
1164
  }
1165
- }
105
  background-color: transparent !important;
106
  color:#434a54 !important;
107
  }
108
+ .ufbl-template-1 .ufbl-form-submit:focus, .ufbl-template-2 .ufbl-form-submit:focus, .ufbl-template-3 .ufbl-form-submit:focus, .ufbl-template-4 .ufbl-form-submit:focus, {
109
  background-color: #74baf5 !important;
110
  color:#fff !important;
111
  }
112
+ .ufbl-template-5 .ufbl-form-submit:focus {
113
+ background-color: #146782 !important;
114
+ color:#fff !important;
115
+ }
116
  .ufbl-template-1 .ufbl-number-field:focus, .ufbl-template-2 .ufbl-number-field:focus, .ufbl-template-3 .ufbl-number-field:focus, .ufbl-template-4 .ufbl-number-field:focus, .ufbl-template-5 .ufbl-number-field:focus {
117
  outline:none !important;
118
  }
141
  }
142
  .ufbl-template-1 .ufbl-form-field {
143
  display: inline-block;
144
+ width: 74.6%;
145
  }
146
  .ufbl-template-1 .ufbl-form-field input[type="text"], .ufbl-template-1 .ufbl-form-field input[type="email"],.ufbl-template-1 .ufbl-form-field input[type="password"],.ufbl-template-1 .ufbl-form-field textarea,.ufbl-template-1 .ufbl-form-field input[type="reset"]{
147
  border-radius:4px;
148
  border-color:#aab2bd;
149
  padding:4px 8px;
150
  background-color: transparent;
151
+ font-size:16px;
152
  }
153
  .ufbl-template-1 input[type="checkbox"], input[type="radio"] button, select, textarea{
154
  outline:none !important;
178
  border-radius:4px;
179
  width:50%;
180
  padding:5px;
181
+ font-size:16px;
182
  cursor:pointer;
183
  height:35px;
184
  background: transparent;
185
  }
186
  .ufbl-template-1 .ufbl-email-field{
187
+ font-size:16px;
188
  box-shadow: none;
189
  padding:8px;
190
  }
213
  text-transform: none;
214
  }
215
  .ufbl-template-1 .ufbl-form-reset:hover {
216
+ background-color: #52a2e5 !important;
217
+ color:#fff !important;
218
  }
219
  .ufbl-template-1 .ufbl-error {
220
  color: #ff0000;
383
  }
384
  .ufbl-template-2 .ufbl-form-field {
385
  display: inline-block;
386
+ width: 74.6%;
387
  }
388
  .ufbl-template-2 input[type="text"], .ufbl-template-2 input[type="email"], .ufbl-template-2 input[type="url"],.ufbl-template-2 input[type="password"],.ufbl-template-2 input[type="search"],.ufbl-template-2 textarea{
389
  border-color:#aab2bd;
390
  background-color: transparent;
391
  padding:4px 8px;
392
+ font-size:16px;
393
  }
394
  .ufbl-template-2 input[type="checkbox"], input[type="radio"] button, select, textarea{
395
  outline:none !important;
418
  border: 1px solid #aab2bd;
419
  width:50%;
420
  padding:5px;
421
+ font-size:16px;
422
  cursor:pointer;
423
  height:35px;
424
  background:transparent;
425
  }
426
  .ufbl-template-2 .ufbl-email-field{
427
+ font-size:16px;
428
  box-shadow: none;
429
  padding:8px;
430
  }
624
  }
625
  .ufbl-template-3 .ufbl-form-field {
626
  display: inline-block;
627
+ width: 74.6%;
628
  }
629
  .ufbl-template-3 .ufbl-form-field input[type="text"], .ufbl-template-3 .ufbl-form-field input[type="email"],.ufbl-template-3 .ufbl-form-field input[type="password"],.ufbl-template-3 .ufbl-form-field textarea,.ufbl-template-3 .ufbl-form-field input[type="reset"] {
630
  border: 3px solid #74baf5;
631
  padding:4px 8px;
632
  background-color:transparent;
633
+ font-size:16px;
634
  }
635
  .ufbl-template-3 .ufbl-form-field .ufbl-form-reset:hover{
636
  background:#52a2e5;
869
  }
870
  .ufbl-template-4 .ufbl-form-field {
871
  display: inline-block;
872
+ width: 74.6%;
873
  }
874
  .ufbl-template-4 input[type="text"],.ufbl-template-4 input[type="email"],.ufbl-template-4 input[type="url"],.ufbl-template-4 input[type="password"],.ufbl-template-4 input[type="search"], textarea {
875
  border:transparent;
876
  border-bottom: 2px solid #74baf5;
877
  padding: 4px 8px;
878
  background-color: transparent;
879
+ font-size:16px;
880
  }
881
  .ufbl-template-4 textarea{
882
  outline: 1px solid #74baf5 !important;
883
  border-bottom: 2px solid #74baf5;
884
  background-color:transparent;
885
+ font-size:16px;
886
  }
887
  .ufbl-template-4 input[type="checkbox"], input[type="radio"] button, select, textarea{
888
  outline:none !important;
901
  display: block;
902
  margin-bottom: 10px;
903
  }
904
+ .ufbl-template-4 input::-moz-placeholder, .ufbl-template-4 input::-webkit-input-placeholder {
905
  color: rgba(51, 51, 51, 0.7)!important;
 
906
  opacity: 1;
907
+ font-size: 15px !important;
908
  }
909
  .ufbl-template-4 select.ufbl-required, .ufbl-template-4 .ufbl-form-field select,.ufbl-template-4 .ufbl-form-field .ufbl-number-field {
910
  border:transparent;
911
  border-bottom: 2px solid #74baf5;
912
  width:50%;
913
  padding:5px;
 
914
  cursor:pointer;
915
  height:38px;
916
  background-color: transparent;
917
  }
918
  .ufbl-template-4 .ufbl-email-field{
 
919
  box-shadow: none;
920
  padding:8px;
921
  }
965
  width: 154px;
966
  height:38px;
967
  padding:2px 6px;
 
968
  }
969
  .ufbl-template-4 input.ufbl-form-radio{
970
  display:none;
1051
  top: 35px !important;
1052
  width: 103% !important;
1053
  }
1054
+ .ufbl-template-4 .sbOptions a:link, .ufbl-template-4 .sbOptions a:visited {
1055
  color:#999999 !important;
1056
  }
1057
+ .ufbl-template-4 .sbOptions a:hover, .ufbl-template-4 .sbOptions a:focus, .ufbl-template-4 .sbOptions a.sbFocus {
1058
  background-color: transparent;
1059
  color:#74baf5 !important;
1060
  }
1075
  background-repeat: no-repeat !important;
1076
  background-size: auto auto !important;
1077
  }
1078
+ .ufbl-template-4.sbToggle:hover, .ufbl-template-4 .sbToggle:focus {
1079
  background-attachment: scroll !important;
1080
  background-clip: border-box !important;
1081
  background-color: rgba(0, 0, 0, 0) !important;
1088
  }
1089
  /**-------- Template 4 end ------ */
1090
  /**-------- Template 5 ------ */
1091
+ .ufbl-form-wrapper.ufbl-template-5 {
1092
+ background-color: #fff;
1093
+ padding:40px 30px;
1094
+ -webkit-box-shadow: 0 3px 8px 3px rgba(0,0,0,0.4);
1095
+ box-shadow: 0 3px 8px 3px rgba(0,0,0,0.4);
1096
+ }
1097
+ .ufbl-template-5 .ufbl-form-title {
1098
+ margin-bottom: 40px;
1099
+ font-size:22px;
1100
+ color:#3979a9;
1101
+ text-transform:uppercase;
1102
+ }
1103
+ .ufbl-template-5 .ufbl-form-field-wrap{
1104
+ margin-bottom:20px;
1105
+ }
1106
+ .ufbl-template-5 .ufbl-form-field-wrap > label{
1107
+ display:inline-block;
1108
+ width:135px;
1109
+ font-size:16px;
1110
+ color:#000;
1111
+ vertical-align:top;
1112
+ margin-top:7px;
1113
+ }
1114
+ .ufbl-template-5 .ufbl-form-field {
1115
+ display: inline-block;
1116
+ width: 74.6%;
1117
+ }
1118
+ .ufbl-template-5 input[type="text"],.ufbl-template-5 input[type="email"],.ufbl-template-5 input[type="url"],.ufbl-template-5 input[type="password"],.ufbl-template-5 input[type="search"]{
1119
+ border:transparent;
1120
+ padding: 4px 8px;
1121
+ background-color: #146782;
1122
+ color: #fff;
1123
+ font-size:16px;
1124
+ height:35px;
1125
+ }
1126
+ .ufbl-template-5 textarea{
1127
+ border:transparent;
1128
+ padding: 4px 8px;
1129
+ background-color: #146782;
1130
+ color: #fff;
1131
+ font-size:16px;
1132
+ }
1133
+ .ufbl-template-5 input[type="checkbox"], input[type="radio"] button, select, textarea{
1134
+ outline:none !important;
1135
+ }
1136
+ .ufbl-template-5 .ufbl-form-checkbox{
1137
+ margin-right:5px;
1138
+ }
1139
+ .ufbl-template-5 .ufbl-email-field:focus,.ufbl-template-5 input[type="text"]:focus,.ufbl-template-5 input[type="number"]:focus,.ufbl-template-5 input[type="url"]:focus,.ufbl-template-5 input[type="password"]:focus,.ufbl-template-5 input[type="search"]:focus,{
1140
+ -webkit-box-shadow: 0 0 1px 1px #67D5EB;
1141
+ box-shadow: 0 0 1px 1px #67D5EB;
1142
+ }
1143
+ .ufbl-template-5 textarea:focus{
1144
+ -webkit-box-shadow: 0 0 1px 1px #67D5EB;
1145
+ box-shadow: 0 0 1px 1px #67D5EB;
1146
+ background-color:#146782 !important;
1147
+ color:#fff !important;
1148
+ }
1149
+ .ufbl-template-5 #your-hobbies > label {
1150
+ vertical-align: top !important;
1151
+ }
1152
+ .ufbl-template-5 .your-hobbies .ufbl-form-field > label {
1153
+ display: block;
1154
+ margin-bottom: 10px;
1155
+ }
1156
+ .ufbl-template-5 input::-moz-placeholder, .ufbl-template-5 textarea::-moz-placeholder /*mozila*/ {
1157
+ color: #fff;
1158
+ opacity: 1;
1159
+ font-size: 14px;
1160
+ }
1161
+ .ufbl-template-5 input::-webkit-input-placeholder,.ufbl-template-5 textarea.ufbl-form-textarea::-webkit-input-placeholder /*chrome*/{
1162
+ color: #fff;
1163
+ opacity: 1;
1164
+ font-size: 14px;
1165
+ }
1166
+ .ufbl-template-5 select.ufbl-required, .ufbl-template-5 .ufbl-form-field select,.ufbl-template-5 .ufbl-form-field .ufbl-number-field {
1167
+ border:transparent;
1168
+ width:50%;
1169
+ padding:5px;
1170
+ font-size:16px;
1171
+ height:38px;
1172
+ background-color: #146782;
1173
+ color:#fff;
1174
+ }
1175
+ .ufbl-template-5 .ufbl-email-field{
1176
+ font-size:14px;
1177
+ box-shadow: none;
1178
+ padding:8px;
1179
+ }
1180
+ .ufbl-template-5 .ufbl-form-submit {
1181
+ background-color: #146782;
1182
+ }
1183
+ .ufbl-template-5 .ufbl-form-submit:hover {
1184
+ background-color: #0b7ea4;
1185
+ }
1186
+ .ufbl-template-5 .ufbl-form-submit:focus {
1187
+ color: #fff;
1188
+ }
1189
+ .ufbl-template-5 .ufbl-form-reset {
1190
+ background-color: rgba(0, 0, 0, 0);
1191
+ border: 2px solid #146782 !important;
1192
+ border-radius: 0 !important;
1193
+ color: #434a54;
1194
+ font-size: 15px;
1195
+ padding: 10px 20px !important;
1196
+ text-transform: none;
1197
+ }
1198
+ .ufbl-template-5 .ufbl-form-reset:hover {
1199
+ background-color: #0b7ea4;
1200
+ border-color:#0b7ea4 !important;
1201
+ color:#fff;
1202
+ }
1203
+ .ufbl-template-5 .ufbl-form-reset:focus{
1204
+ color:#fff;
1205
+ }
1206
+ .ufbl-template-5 .ufbl-form-field .ufbl-form-submit {
1207
+ font-size: 15px;
1208
+ margin-left: 135px;
1209
+ text-transform: none;
1210
+ }
1211
+ .ufbl-template-5 .ufbl-error {
1212
+ color: #ff0000;
1213
+ font-size: 13px;
1214
+ margin-top:5px;
1215
+ text-align:right;
1216
+ font-style:italic;
1217
+ }
1218
+ .ufbl-template-5 .ufbl-math-captcha-ans {
1219
+ border:transparent;
1220
+ border-bottom: 2px solid #74baf5;
1221
+ background-color:transparent;
1222
+ margin-top: 3px;
1223
+ width: 154px;
1224
+ height:38px;
1225
+ padding:2px 6px;
1226
+ font-size:15px;
1227
+ }
1228
+ .ufbl-template-5 input.ufbl-form-radio{
1229
+ display:none;
1230
+ }
1231
+ .ufbl-template-5 input[type=radio] + label{
1232
+ background: rgba(0, 0, 0, 0) url("../images/uncheck-radio-5.png") no-repeat scroll left center;
1233
+ cursor: pointer;
1234
+ display: block;
1235
+ font-size: 16px;
1236
+ height: 34px;
1237
+ margin-bottom: 8px;
1238
+ padding: 3px 0 0 35px;
1239
+ vertical-align: top;
1240
+ }
1241
+ .ufbl-template-5 input[type=radio]:checked + label{
1242
+ background: rgba(0, 0, 0, 0) url("../images/checked-radio-5.png") no-repeat scroll left center;
1243
+ cursor: pointer;
1244
+ display: block;
1245
+ height: 34px;
1246
+ margin-bottom: 8px;
1247
+ padding: 3px 0 0 35px;
1248
+ vertical-align: top;
1249
+ }
1250
+ .ufbl-template-5 .ufbl-form-checkbox {
1251
+ display:none;
1252
+ }
1253
+ .ufbl-template-5 input[type=checkbox]:checked + label {
1254
+ background: rgba(0, 0, 0, 0) url("../images/check-box-checked-5.png") no-repeat scroll left center;
1255
+ cursor: pointer;
1256
+ display: block;
1257
+ height: 34px;
1258
+ margin-bottom: 8px;
1259
+ padding: 4px 0 0 35px;
1260
+ vertical-align: top;
1261
+ }
1262
+ .ufbl-template-5 input[type=checkbox] + label {
1263
+ background: rgba(0, 0, 0, 0) url("../images/check-box-5.png") no-repeat scroll left center;
1264
+ cursor: pointer;
1265
+ display: block;
1266
+ height: 34px;
1267
+ margin-bottom: 8px;
1268
+ padding: 4px 0 0 35px;
1269
+ vertical-align: top;
1270
+ font-size:16px;
1271
+ }
1272
+ .ufbl-template-5 .ufbl-email-field {
1273
+ background: url("../images/mail-white.png") no-repeat scroll right 10px center / 20px auto;
1274
+ height:40px;
1275
+ }
1276
+ .ufbl-template-5 .ufbl-form-message.ufbl-success-message{
1277
+ border: 2px solid #146782;
1278
+ font-size: 15px;
1279
+ padding: 5px 10px;
1280
+ }
1281
+ .ufbl-template-5 .ufbl-form-message.ufbl-error-message {
1282
+ border: 2px solid #ff0000;
1283
+ color: #ff0000;
1284
+ font-size: 15px;
1285
+ padding: 5px 10px;
1286
+ }
1287
+ /**-------- dropdown ------ */
1288
+ .ufbl-template-5 .sbSelector{
1289
+ line-height:30px !important;
1290
+ }
1291
+ .ufbl-template-5 .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
1292
+ color: #fff !important;
1293
+ }
1294
+ .ufbl-template-5 .entry-content a, .ufbl-template-5 .entry-summary a, .ufbl-template-5 .page-content a, .ufbl-template-5 .comment-content a, .ufbl-template-5 .pingback .comment-body > a {
1295
+ border: none !important;
1296
+ }
1297
+ .ufbl-template-5 .ufbl-form-field .sbHolder {
1298
+ background-color: #146782;
1299
+ font-size: 14px;
1300
+ width: 50% !important;
1301
+ border: transparent;
1302
+ height:35px;
1303
+ }
1304
+ .ufbl-template-5 .sbOptions {
1305
+ background-color: #f5f5f5 !important;
1306
+ border:transparent;
1307
+ color: #000000 !important;
1308
+ margin-left: 1px;
1309
+ top: 35px !important;
1310
+ width: 100% !important;
1311
+ }
1312
+ .ufbl-template-5 .sbOptions a:link, .ufbl-template-5 .sbOptions a:visited {
1313
+ color:#000 !important;
1314
+ }
1315
+ .ufbl-template-5 .sbOptions a:hover, .ufbl-template-5 .sbOptions a:focus, .ufbl-template-5 .sbOptions a.sbFocus {
1316
+ background-color: #146782;
1317
+ color:#fff !important;
1318
+ }
1319
+ .ufbl-template-5 .sbOptions{
1320
+ max-height:inherit !important;
1321
+ }
1322
+ .ufbl-template-5 .sbOptions li {
1323
+ padding: 0 !important;
1324
+ border-bottom:2px solid #fff;
1325
+ }
1326
+ .ufbl-template-5 .sbToggle {
1327
+ background-attachment: scroll !important;
1328
+ background-clip: border-box !important;
1329
+ background-color: rgba(0, 0, 0, 0) !important;
1330
+ background-image: url("../images/option-angle-5.png") !important;
1331
+ background-origin: padding-box !important;
1332
+ background-position: right 15px center;
1333
+ background-repeat: no-repeat !important;
1334
+ background-size: auto auto !important;
1335
+ border-left: 1px solid #c6e3eb;
1336
+ top:3px !important;
1337
+ width:46px !important;
1338
+ }
1339
+ .ufbl-template-5.sbToggle:hover, .ufbl-template-5 .sbToggle:focus {
1340
+ background-attachment: scroll !important;
1341
+ background-clip: border-box !important;
1342
+ background-color: rgba(0, 0, 0, 0) !important;
1343
+ background-image: url("../images/option-angle-5-hover.png") !important;
1344
+ background-origin: padding-box !important;
1345
+ background-position: right 15px center;
1346
+ background-repeat: no-repeat !important;
1347
+ background-size: auto auto !important;
1348
+ outline:none;
1349
+ }
1350
  /**-------- Template 5 end ------ */
 
 
 
 
 
 
 
 
1351
  /**-------- Responsive css ------ */
 
1352
  @media only screen and (max-width: 1300px) {
1353
  /**-------- template 1 ------ */
1354
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1355
+ .ufbl-template-4 .ufbl-form-field ,.ufbl-template-5 .ufbl-form-field {
1356
  width: 72%;
1357
  }
 
 
 
 
1358
  }
 
1359
  @media only screen and (max-width: 1200px) {
1360
  /**-------- template 1 ------ */
1361
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1362
+ .ufbl-template-4 .ufbl-form-field , .ufbl-template-5 .ufbl-form-field {
1363
  width: 67%;
1364
  }
1365
  .ufbl-template-1 .ufbl-form-submit, .ufbl-template-2 .ufbl-form-submit, .ufbl-template-3 .ufbl-form-field .ufbl-form-submit,
1366
+ .ufbl-template-4 .ufbl-form-field .ufbl-form-submit, .ufbl-template-5 .ufbl-form-field .ufbl-form-submit {
1367
  margin-left: 0;
1368
  }
 
 
1369
  }
 
1370
  @media only screen and (max-width: 1024px) {
1371
  /**-------- template 1 ------ */
1372
  .ufbl-template-1 .ufbl-form-field,.ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1373
+ .ufbl-template-4 .ufbl-form-field, .ufbl-template-5 .ufbl-form-field {
1374
  width: 100%;
1375
  }
1376
  .ufbl-template-1 .ufbl-form-field-wrap > label, .ufbl-template-2 .ufbl-form-field-wrap > label,
1377
+ .ufbl-template-3 .ufbl-form-field-wrap > label, .ufbl-template-4 .ufbl-form-field-wrap > label, .ufbl-template-3 .ufbl-form-field-wrap > label,
1378
+ .ufbl-template-5 .ufbl-form-field-wrap > label {
1379
  margin-top: 7px;
1380
  }
1381
  }
 
 
1382
  @media only screen and (max-width: 955px) {
1383
  /**-------- template 1 ------ */
1384
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1385
+ .ufbl-template-4 .ufbl-form-field, .ufbl-template-5 .ufbl-form-field {
1386
  width: 71%;
1387
  }
1388
  }
 
1389
  @media only screen and (max-width: 800px) {
1390
  /**-------- template 1 ------ */
1391
  .ufbl-template-1 .ufbl-form-field, .ufbl-template-2 .ufbl-form-field, .ufbl-template-3 .ufbl-form-field,
1392
+ .ufbl-template-4 .ufbl-form-field, .ufbl-template-5 .ufbl-form-field {
1393
  width: 100%;
1394
  }
1395
  .ufbl-template-1 .ufbl-form-field-wrap > label, .ufbl-template-2 .ufbl-form-field-wrap > label,
1396
+ .ufbl-template-3 .ufbl-form-field-wrap > label, .ufbl-template-4 .ufbl-form-field-wrap > label,
1397
+ .ufbl-template-5 .ufbl-form-field-wrap > label {
1398
  width: 100%;
1399
  }
1400
  }
 
1401
  @media only screen and (max-width: 640px) {
1402
  /**-------- template 1 ------ */
1403
  .ufbl-template-1 .ufbl-form-submit, .ufbl-template-2 .ufbl-form-submit, .ufbl-template-3 .ufbl-form-submit,
1404
+ .ufbl-template-4 .ufbl-form-submit, .ufbl-template-5 .ufbl-form-submit {
1405
  margin-bottom: 10px;
1406
  margin-left: 0;
1407
  }
1408
+ }
images/check-box-5.png ADDED
Binary file
images/check-box-checked-5.png ADDED
Binary file
images/checked-radio-5.png ADDED
Binary file
images/mail-white.png ADDED
Binary file
images/option-angle-5-hover.png ADDED
Binary file
images/option-angle-5.png ADDED
Binary file
images/previews/template-5.jpg ADDED
Binary file
images/uncheck-radio-5.png ADDED
Binary file
inc/views/backend/boxes/display-settings.php CHANGED
@@ -6,7 +6,8 @@ $form_design = isset( $form_detail['form_design'] ) ? $form_detail['form_design'
6
  //$library_obj->print_array($form_default_settings);
7
  ?>
8
  <div class="ufbl-tab-content" id="ufbl-display-tab" style="display:none">
9
- <div class="ufbl-display-sub-section"><div class="ufbl-field-wrap">
 
10
  <label><?php _e( 'Disable Plugin Styles', UFBL_TD ); ?></label>
11
  <div class="ufbl-field">
12
  <input type="checkbox" name="form_design[disable_plugin_style]" value='1' <?php echo (isset( $form_design['disable_plugin_style'] ) && $form_design['disable_plugin_style'] == 1) ? 'checked="checked"' : ''; ?>/>
@@ -45,11 +46,12 @@ $form_design = isset( $form_detail['form_design'] ) ? $form_detail['form_design'
45
 
46
  <select name="form_design[form_template]" class="ufbl-form-template-dropdown">
47
  <option value="ufbl-default-template" <?php selected( $form_design['form_template'], 'ufbl-default-template' ); ?>>Default Template</option>
48
- <option value="ufbl-template-1" <?php selected( $form_design['form_template'], 'ufbl-template-1' ); ?>>Template 1</option>
49
- <option value="ufbl-template-2" <?php selected( $form_design['form_template'], 'ufbl-template-2' ); ?>>Template 2</option>
50
- <option value="ufbl-template-3" <?php selected( $form_design['form_template'], 'ufbl-template-3' ); ?>>Template 3</option>
51
- <option value="ufbl-template-4" <?php selected( $form_design['form_template'], 'ufbl-template-4' ); ?>>Template 4</option>
52
-
 
53
  </select>
54
  </div>
55
  </div>
@@ -66,6 +68,7 @@ $form_design = isset( $form_detail['form_design'] ) ? $form_detail['form_design'
66
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-2.jpg' ?>" alt="Template 2" id="preview-ufbl-template-2" <?php if ( $form_design['form_template'] != 'ufbl-template-2' ) { ?>style="display:none"<?php } ?>/>
67
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-3.jpg' ?>" alt="Template 3" id="preview-ufbl-template-3" <?php if ( $form_design['form_template'] != 'ufbl-template-3' ) { ?>style="display:none"<?php } ?>/>
68
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-4.png' ?>" alt="Template 4" id="preview-ufbl-template-4" <?php if ( $form_design['form_template'] != 'ufbl-template-4' ) { ?>style="display:none"<?php } ?>/>
 
69
 
70
  </div>
71
  <div class="ufbl-clear"></div>
6
  //$library_obj->print_array($form_default_settings);
7
  ?>
8
  <div class="ufbl-tab-content" id="ufbl-display-tab" style="display:none">
9
+ <div class="ufbl-display-sub-section">
10
+ <div class="ufbl-field-wrap">
11
  <label><?php _e( 'Disable Plugin Styles', UFBL_TD ); ?></label>
12
  <div class="ufbl-field">
13
  <input type="checkbox" name="form_design[disable_plugin_style]" value='1' <?php echo (isset( $form_design['disable_plugin_style'] ) && $form_design['disable_plugin_style'] == 1) ? 'checked="checked"' : ''; ?>/>
46
 
47
  <select name="form_design[form_template]" class="ufbl-form-template-dropdown">
48
  <option value="ufbl-default-template" <?php selected( $form_design['form_template'], 'ufbl-default-template' ); ?>>Default Template</option>
49
+ <?php for ( $i = 1; $i <= 5; $i++ ) {
50
+ ?>
51
+ <option value="ufbl-template-<?php echo $i; ?>" <?php selected( $form_design['form_template'], 'ufbl-template-' . $i ); ?>>Template <?php echo $i; ?></option>
52
+ <?php
53
+ }
54
+ ?>
55
  </select>
56
  </div>
57
  </div>
68
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-2.jpg' ?>" alt="Template 2" id="preview-ufbl-template-2" <?php if ( $form_design['form_template'] != 'ufbl-template-2' ) { ?>style="display:none"<?php } ?>/>
69
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-3.jpg' ?>" alt="Template 3" id="preview-ufbl-template-3" <?php if ( $form_design['form_template'] != 'ufbl-template-3' ) { ?>style="display:none"<?php } ?>/>
70
  <img src="<?php echo UFBL_IMG_DIR . '/previews/template-4.png' ?>" alt="Template 4" id="preview-ufbl-template-4" <?php if ( $form_design['form_template'] != 'ufbl-template-4' ) { ?>style="display:none"<?php } ?>/>
71
+ <img src="<?php echo UFBL_IMG_DIR . '/previews/template-5.jpg' ?>" alt="Template 5" id="preview-ufbl-template-5" <?php if ( $form_design['form_template'] != 'ufbl-template-5' ) { ?>style="display:none"<?php } ?>/>
72
 
73
  </div>
74
  <div class="ufbl-clear"></div>
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: contact form, form builder, form, forms, contact forms, enquiry forms, for
4
  Donate link: http://accesspressthemes.com/donation/
5
  Requires at least: 3.8
6
  Tested up to: 4.3
7
- Stable tag: 1.0.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -19,7 +19,7 @@ Contact Forms | Subscription Forms | Enquiry/quote Forms - build any type of unl
19
  = Features: =
20
 
21
  * <strong>Unlimited Forms</strong>
22
- * <strong>Pre Designed 5 Form Templates</strong>
23
  * <strong>Available Fields</strong>
24
  - Textfield
25
  - Textarea
@@ -95,6 +95,9 @@ Once you install the plugin , you can check some general documentation about how
95
  10. Backend Entry Detail
96
 
97
  == Changelog ==
 
 
 
98
  = 1.0.0 =
99
  * Plugin submitted to http://wordpress.org for review and approval
100
  * Plugin committed to http://wordpress.org plugin repository
4
  Donate link: http://accesspressthemes.com/donation/
5
  Requires at least: 3.8
6
  Tested up to: 4.3
7
+ Stable tag: 1.0.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
19
  = Features: =
20
 
21
  * <strong>Unlimited Forms</strong>
22
+ * <strong>Pre Designed 6 Form Templates</strong>
23
  * <strong>Available Fields</strong>
24
  - Textfield
25
  - Textarea
95
  10. Backend Entry Detail
96
 
97
  == Changelog ==
98
+ = 1.0.1 =
99
+ * Added Template 5
100
+
101
  = 1.0.0 =
102
  * Plugin submitted to http://wordpress.org for review and approval
103
  * Plugin committed to http://wordpress.org plugin repository
ultimate-form-builder-lite.php CHANGED
@@ -6,7 +6,7 @@ defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
6
  Plugin Name: Ultimate Form Builder Lite
7
  Plugin URI: https://accesspressthemes.com/wordpress-plugins/ultimate-form-builder-lite/
8
  Description: A plugin to build any type of forms
9
- Version: 1.0.0
10
  Author: AccessPress Themes
11
  Author URI: http://accesspressthemes.com
12
  License: GPL2
@@ -19,7 +19,7 @@ defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
19
  * Necessary Constants for plugin
20
  */
21
  global $wpdb;
22
- defined( 'UFBL_VERSION' ) or define( 'UFBL_VERSION', '1.0.0' ); //plugin version
23
  defined( 'UFBL_SLUG' ) or define( 'UFBL_SLUG', 'ufbl' ); //plugin admin slug
24
  defined( 'UFBL_TD' ) or define( 'UFBL_TD', 'ufbl' ); //plugin's text domain
25
  defined( 'UFBL_IMG_DIR' ) or define( 'UFBL_IMG_DIR', plugin_dir_url( __FILE__ ) . 'images' ); //plugin image directory
6
  Plugin Name: Ultimate Form Builder Lite
7
  Plugin URI: https://accesspressthemes.com/wordpress-plugins/ultimate-form-builder-lite/
8
  Description: A plugin to build any type of forms
9
+ Version: 1.0.1
10
  Author: AccessPress Themes
11
  Author URI: http://accesspressthemes.com
12
  License: GPL2
19
  * Necessary Constants for plugin
20
  */
21
  global $wpdb;
22
+ defined( 'UFBL_VERSION' ) or define( 'UFBL_VERSION', '1.0.1' ); //plugin version
23
  defined( 'UFBL_SLUG' ) or define( 'UFBL_SLUG', 'ufbl' ); //plugin admin slug
24
  defined( 'UFBL_TD' ) or define( 'UFBL_TD', 'ufbl' ); //plugin's text domain
25
  defined( 'UFBL_IMG_DIR' ) or define( 'UFBL_IMG_DIR', plugin_dir_url( __FILE__ ) . 'images' ); //plugin image directory