diff --git a/resources/views/form/list-console.blade.php b/resources/views/form/list-console.blade.php
index 0af4e49d..60ddf5b7 100644
--- a/resources/views/form/list-console.blade.php
+++ b/resources/views/form/list-console.blade.php
@@ -10,13 +10,11 @@
             
             <div class="row">
             @foreach($actions as $action)
-                <div class="col-md-6 col-xl-3">
+                <div class="col-sm-6 col-md-4 col-xl-3">
                     <div class="card">
-                        <div class="card-body">
-                            <a href="/formaction/{{$action->link_type=='list'?'consoleallhistory':'consoleshow'}}?id={{$action->form_id}}">
+                        <div class="card-body action-card" url="{{$action->url}}" style="cursor: pointer;">
                             <img src="{{$action->icon}}" alt="image" class="img-fluid rounded" width="200" />
                             <p class="mt-1 text-truncate">{{$action->name}}</p>
-                            </a>
                         </div>
                     </div> <!-- end card-->
                 </div> <!-- end col -->
@@ -26,4 +24,48 @@
         </div>
         <!-- end container -->
     </div>
+
+
+<!-- Long Content Scroll Modal -->
+<div class="modal fade" id="scrollable-modal" tabindex="-1" role="dialog" aria-labelledby="scrollableModalTitle" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-scrollable" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="scrollableModalTitle">Modal title</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<style type="text/css">
+.responsive-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+}
+.modal-content {
+    height: 90vh;
+}
+</style>
+@endsection
+
+
+@section('script')
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.action-card').click(function(){
+            $('#scrollable-modal #scrollableModalTitle').html( $(this).find('.text-truncate').html() );
+            $('#scrollable-modal .modal-body').html('<iframe class="responsive-iframe" src="'+ $(this).attr('url') +'" frameborder="0"></iframe>')
+            $('#scrollable-modal').modal('show')
+        })
+    });
+</script>
 @endsection
\ No newline at end of file