GlideModal form on Service Portal

[maryc]

Hi,

I have a link on the Service Portal and I want to open a Glidemodal ( or a popup) window showing 2 reference fields and related fields on the form. On submit of the modla, it has to execute some logic and show an info message on the modal. How do I do that?

Thanks in advance

[Community Alums]

Hi @maryc ,

Can you show me your html code I'll check why it is not working.

You just paste this in html that's all it is working code that I shared to you

What kind of operation you want on save button ?

Thanks 

Sarthak

[maryc]

But this modal has to open on click of a link and is the Openmessage method missing somewhere in your second piece of code?

On click of Save changes, it will call a flow action and return the message as success or failure on the modal popup

[maryc]

What is the code in the parent window button to open this popup?

[Community Alums]

Hi @maryc ,

Use this below HTML code it is working now 

<a id="myLink" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
            <div class="hero-icon-wrap btn-primary">
            
 <span class="hero-icon" role="button">Request Accessories</span>
            </div>
          </a>
          
       </div>
   
 <div class="modal fade" id="accesscatalog" tabindex="-1" role="dialog" aria-labelledby="accesscatalog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="accesscatalog">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Location
        <sn-record-picker field="location" table="'cmn_location'"   display-field="'name'" display-fields="'city,zip'" value-field="'sys_id'" search-fields="'name'" page-size="100" ></sn-record-picker>
        User
         <sn-record-picker field="location" table="'sys_user'"   display-field="'name'" display-fields="'city,zip'" value-field="'sys_id'" search-fields="'name'" page-size="100" ></sn-record-picker>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>  

Please mark my answer correct and helpful if this works for 

Thanks and Regards 

Sarthak

[Community Alums]

@maryc ,

In your HTML code you are not passing the id for modal pop up, I added that in your HTML code 

<a id="myLink" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">

Please mark my answer correct and helpful if this works for 

Thanks and Regards 

Sarthak