Form:Event: Difference between revisions

Revision as of 15:03, 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=Game Event}}}
+     {{{field|Name|input type=text|placeholder= Game Event|style=width:100%; box-sizing:border-box; padding:5px;}}}
    </div>
@@ Line 16: / Line 16: @@
      <div style="flex:1;">
        <strong>Start Date & Time:</strong><br>
-       {{{field|Start date|input type=datetimepicker}}}
+       {{{field|Start date|input type=datetimepicker|style=width:100%;}}}
      </div>
      <div style="flex:1;">
        <strong>End Date & Time (Optional):</strong><br>
-       {{{field|End date|input type=datetimepicker}}}
+       {{{field|End date|input type=datetimepicker|style=width:100%;}}}
      </div>
    </div>
@@ Line 27: / Line 27: @@
      <div style="flex:1;">
        <strong>Event Type:</strong><br>
+      <div class="checkbox-grid">
        {{{field|Event type|input type=checkboxes|values=Casual Gaming, Tournament, Anniversary, Gaming|delimiter=,}}}
+      </div>
      </div>
      <div style="flex:1;">
        <strong>Related Game:</strong><br>
-       {{{field|Related game|input type=text|autocomplete|values from category=Games|size=30}}}
+       {{{field|Related game|input type=text|autocomplete|values from category=Games|style=width:100%; box-sizing:border-box; padding:5px;}}}
      </div>
    </div>
@@ Line 37: / Line 39: @@
    <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>