UI page with Incident List with Save and Cancel Button

[RhinaD]

Help me create a UI page that listed all the incident records and also have Save and Cancel Button. the UI page will be used on selecting incident records. 

the save button will trigger a Confirmation message..

[Dr Atul G- LNG]

HI @RhinaD 

What will this UI page do? What triggers its opening, and what exactly do you want to provide? It seems like it could be an OOTB feature, but more details are needed.

[Ankur Bawiskar]

@RhinaD 

what's your business requirement for this?

You can create UI page and build html to show incident list

Something like this can help you and you can enhance it further

<j:jelly xmlns:j="jelly:core" xmlns:g="glide">
  <g:evaluate var="incidentList" expression="new GlideRecord('incident').query()"/>
  
  <table>
    <thead>
      <tr>
        <th>Incident Number</th>
        <th>Short Description</th>
        <th>State</th>
      </tr>
    </thead>
    <tbody>
      <j:while test="${incidentList.next()}">
        <tr>
          <td>${incidentList.number}</td>
          <td>${incidentList.short_description}</td>
          <td>${incidentList.state}</td>
        </tr>
      </j:while>
    </tbody>
  </table>

  <button onclick="saveRecord()">Save</button>
  <button onclick="cancelRecord()">Cancel</button>

  <script>
    function saveRecord() {
      if (confirm("Are you sure you want to save?")) {
        // Add your save logic here
        alert("Record saved successfully!");
      }
    }

    function cancelRecord() {
      // Add your cancel logic here
      alert("Action cancelled.");
    }
  </script>
</j:jelly>

If my response helped please mark it correct and close the thread so that it benefits future readers.