Form:Event: Difference between revisions

Latest revision as of 15:14, 10 February 2026

add title=Add a new Event

Event

   Add Gaming Event

   Event Name:

   Name

   Start Date & Time:

   Start date

   End Date & Time (Optional):

   End date

   Event Type:

   Event type

   Related Game:

   Related game

   Description:

   Description

   save preview

{{{end template}}}

@@ Line 2: / Line 2: @@
 {{{for template|Event}}}
-<div style="max-width:800px; background:#fff; border:1px solid #ccc; padding:20px; font-family:sans-serif;">
+<div class="game-form" style="max-width:800px; background:#fff; border:1px solid #ccc; padding:20px; font-family:sans-serif;">
    <div style="font-size:1.5em; font-weight:bold; border-bottom:2px solid #2a4b8d; margin-bottom:20px;">
@@ Line 10: / Line 10: @@
    <div style="margin-bottom:15px;">
      <strong>Event Name:</strong><br>
-     {{{field|Name|input type=text|size=50|placeholder=e.g. Half Life Noob Night}}}
+     {{{field|Name|input type=text|placeholder= Game Night|style=display:block; width:100%; height:34px; box-sizing:border-box; padding:5px; border:1px solid #ccc; border-radius:3px;}}}
    </div>
-   <div style="display:flex; gap:20px; margin-bottom:15px;">
+   <div style="margin-bottom:15px;">
-     <div style="flex:1;">
+     <strong>Start Date & Time:</strong><br>
-      <strong>Start Date & Time:</strong><br>
+    {{{field|Start date|input type=datetimepicker|style=display:block; width:100%; height:34px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px;}}}
-      {{{field|Start date|input type=datetimepicker}}}
+  </div>
-    </div>
-    <div style="flex:1;">
+  <div style="margin-bottom:15px;">
-      <strong>End Date & Time (Optional):</strong><br>
+    <strong>End Date & Time (Optional):</strong><br>
-      {{{field|End date|input type=datetimepicker}}}
+    {{{field|End date|input type=datetimepicker|style=display:block; width:100%; height:34px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px;}}}
+  </div>
+ <div style="margin-bottom:15px;">
+    <strong>Event Type:</strong><br>
+    <div class="one-box-container">
+    {{{field|Event type|input type=checkboxes|values=Casual Gaming, Tournament, Anniversary, Gaming|delimiter=,}}}
      </div>
    </div>
-   <div style="display:flex; gap:20px; margin-bottom:15px;">
+   <div style="margin-bottom:15px;">
-     <div style="flex:1;">
+     <strong>Related Game:</strong><br>
-      <strong>Event Type:</strong><br>
+    {{{field|Related game|input type=text|autocomplete|values from category=Games|style=display:block; width:100%; height:34px; box-sizing:border-box; padding:5px; border:1px solid #ccc; border-radius:3px;}}}
-      {{{field|Event type|input type=checkboxes|values=Casual Gaming, Tournament, Anniversary, Gaming|delimiter=,}}}
-    </div>
-    <div style="flex:1;">
-      <strong>Related Game:</strong><br>
-      {{{field|Related game|input type=text|autocomplete|values from category=Games|size=30}}}
-    </div>
    </div>
    <div style="margin-bottom:15px;">
      <strong>Description:</strong><br>
-     {{{field|Description|input type=textarea|rows=5|style=width:100%;}}}
+     {{{field|Description|input type=textarea|rows=5|style=width:100%; box-sizing:border-box;}}}
    </div>