disabled styles

alphons <alphons@heijden.com> 6 Jan 2025, 19:49
a2ff4c2f17288e09c97f2f868b8d7e6636394e05
3 files changed
  • WebFormBuilder/Examples/formConfigData.json
  • WebFormBuilder/Examples/text.json
  • WebFormBuilder/wwwroot/WebForm.css
diff --git a/WebFormBuilder/Examples/formConfigData.json b/WebFormBuilder/Examples/formConfigData.json
index dc079ff..8b09e0c 100644
--- a/WebFormBuilder/Examples/formConfigData.json
+++ b/WebFormBuilder/Examples/formConfigData.json
@@ -182,7 +182,7 @@
"Type": "Button",
"Name": "custom_button",
"Label": "Custom Button",
- "Value": "Do not press me",
+ "Value": "Do not press me"
"Tooltip": "Click this button for custom action."
},
{
diff --git a/WebFormBuilder/Examples/text.json b/WebFormBuilder/Examples/text.json
index 6156dab..db28474 100644
--- a/WebFormBuilder/Examples/text.json
+++ b/WebFormBuilder/Examples/text.json
@@ -3,6 +3,10 @@
"Type": "text",
"Name": "text1"
},
+ {
+ "Type": "text",
+ "Name": "text1"
+ },
{
"Type": "text",
"Name": "text2",
diff --git a/WebFormBuilder/wwwroot/WebForm.css b/WebFormBuilder/wwwroot/WebForm.css
index f05a33b..d4e32ea 100644
--- a/WebFormBuilder/wwwroot/WebForm.css
+++ b/WebFormBuilder/wwwroot/WebForm.css
@@ -96,6 +96,28 @@ body
cursor: pointer;
transition: all 0.3s ease;
}
+ .form-container
+ button:disabled:hover,
+ button[disabled]:hover,
+ input[type="button"]:disabled:hover,
+ input[type="button"][disabled]:hover
+ {
+ background: #d6d6d6;
+ cursor: default;
+ }
+
+ .form-container
+ input[type="button"]:disabled,
+ input[type="submit"]:disabled,
+ input[type="reset"]:disabled,
+ button:disabled,
+ button[disabled]
+ {
+ color: #ccc;
+ background: #d6d6d6;
+ cursor: default;
+ opacity: 0.6;
+ }
.form-container input[type="button"]:focus,
input[type="file"]:hover,