gjl.dialog.open(config);
          
      

          
            var config = {
              id : 'myfancydialog',
              class: 'my-fancy-dialog',
              buttonlist : [
                {
                  label :'one',
                  iconRight : 'fa-times',
                  callback : function(){alert(this)}
                },
                {
                  label :'two',
                  callback : gjl.dialog.close,
                  iconLeft : 'fa-chevron-right',
                  state : true
                },
                {
                  cancelButton :true
                }
              ],
              content : '#display_content',
              contentStyles : 'min-width:99%;'
            }
          
      

          
            <a href="#" onclick="showMyfancyDialog();">Click me for displaying a gjl.dialog</a>
          
      

          
            showMyfancyDialog = function(){
              var myDialog = gjl.dialog.open({
                id : 'myfancydialog',
                class: 'my-fancy-dialog',
                buttonlist : [
                  {
                    label :'one',
                    iconRight : 'fa-times',
                    callback : function(){alert(this)}
                  },
                  {
                    label :'two',
                    callback : gjl.dialog.close,
                    iconLeft : 'fa-chevron-right',
                    state : true
                  },
                  {
                    cancelButton :true
                  }
                ],
                content : 'This is the content to be shown in the dialog',
                contentStyles : 'min-width:99%;'
              });

              myDialog.addEventListener("close", function(){
                console.error(' -> dialog CLOSE!')
              });
            };
          
      

          
            showMyfancyDialog = function(){
              var myDialog = gjl.dialog.open({
                id : 'myfancydialog',
                class: 'my-fancy-dialog',
                buttonlist : [
                  {
                    label :'one',
                    iconRight : 'fa-times',
                    callback : function(){alert(this)}
                  },
                  {
                    label :'two',
                    callback : gjl.dialog.close,
                    iconLeft : 'fa-chevron-right',
                    state : true
                  },
                  {
                    cancelButton :true
                  }
                ],
                content : '#display_content',
                contentStyles : 'min-width:99%;'
              });

              myDialog.addEventListener("close", function(){
                console.error(' -> dialog CLOSE!')
              });
            };

            <div id="display_content" style="display:none;">
              <div  style="display:flex;">
                <div style="padding:20px;">
                  <i style="color: #007272;font-size:8em" class="fa fa-camera-retro"></i>
                </div>
                <div>
                    Sed cursus nunc metus, et aliquet magna condimentum ut. Etiam sagittis urna id viverra ultricies.
                    Morbi ex nibh, elementum et interdum at, eleifend et dolor. Sed sit amet gravida urna.
                    Sed non fringilla lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                    per inceptos himenaeos.
                    Fusce commodo et tortor id commodo. Pellentesque ac diam tempus, posuere libero elementum,
                    <br/>
                    <br/>
                    dictum erat. Curabitur hendrerit justo quis nunc ornare auctor.
                    Praesent congue mauris a dui lobortis, at scelerisque ex ultrices.
                    Donec eget rutrum nunc, non euismod dui.
                    Interdum et malesuada fames ac ante ipsum
                </div>
              </div>
            </div>