CODEWITHSUNDEEP
phpjavascriptjqueryhtmlnyromodal
Ionut Flavius Pogacian
Ionut Flavius Pogacian

Reputation: 4811

How to Override NyroModal Wrapper?

How can I Override NyroModal Wrapper.

I dont want to override the css class, we need the ability TO ADD our divs instead of the native WRAPPER div.

On GitHub i found 2 functions: beforeShowCont and filledContent, but i dont know how to override the wrapper using these functions.

And I also found this article on code google, and this is exactly what i want to develop, but it doesnt say how.

<table class="ctools-modal-content">
  <tr>
    <td class="popups-tl popups-border"></td>
    <td class="popups-t popups-border"></td>
    <td class="popups-tr popups-border"></td>
  </tr>
  <tr>
    <td class="popups-cl popups-border"></td>
    <td class="popups-c">
      <div class="popups-container">
        <div class="popups-title">
          <span id="modal-title" class="modal-title"></span>
          <span class="popups-close"><a class="close" href="#">Close</a></span>
          <div class="clear-block"></div>
        </div>
        <div id="modal-content" class="modal-content">HERE WOULD .wrapper OR #nyroModalContent GO</div>
        <div class="popups-buttons"></div>
        <div class="popups-footer"></div>
      </div>
    </td>
    <td class="popups-cr popups-border"></td>
  </tr>
  <tr>
    <td class="popups-bl popups-border"></td>
    <td class="popups-b popups-border"></td>
    <td class="popups-br popups-border"></td>
  </tr>
</table>

Upvotes: 2

Views: 522

Answers (1)

Jaydev
Jaydev

Reputation: 435

I refer the nyroModal code from here

If you want to override the wrapper class of it, you can do it by following way.

  • select the main container of the nyroModal.

  • add the new style for its wrapper.

    i.e.

    div#nyroModalFull div.wrapper{ /* your own style*/ }

  • load your own stylesheet after the nyroModal style

I hope this will work for you

Upvotes: 0

Related Questions