diff --git a/module/api/js/view.js b/module/api/js/view.js
new file mode 100644
index 0000000000..f32c457b49
--- /dev/null
+++ b/module/api/js/view.js
@@ -0,0 +1,121 @@
+/**
+ * Display the document in full screen.
+ *
+ * @access public
+ * @return void
+ */
+function fullScreen()
+{
+    var element       = document.getElementById('content');
+    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;
+    if(requestMethod)
+    {
+        var afterEnterFullscreen = function()
+        {
+            $('#mainActions').removeClass('hidden');
+            $('#content').addClass('scrollbar-hover');
+            $('#content .actions').addClass('hidden');
+            $('#content .file-image .right-icon').addClass('hidden');
+            $('#content .detail').eq(1).addClass('hidden');
+            $.cookie('isFullScreen', 1);
+        };
+
+        var whenFailEnterFullscreen = function(error)
+        {
+            $.cookie('isFullScreen', 0);
+        };
+
+        try
+        {
+            var result = requestMethod.call(element);
+            if(result && (typeof result.then === 'function' || result instanceof window.Promise))
+            {
+                result.then(afterEnterFullscreen).catch(whenFailEnterFullscreen);
+            }
+            else
+            {
+                afterEnterFullscreen();
+            }
+        }
+        catch (error)
+        {
+            whenFailEnterFullscreen(error);
+        }
+    }
+
+    $('.main-col iframe').css('min-height', $(window).height() + 'px');
+}
+
+/**
+ * Exit full screen.
+ *
+ * @access public
+ * @return void
+ */
+function exitFullScreen()
+{
+    $('#mainActions').addClass('hidden');
+    $('#content').removeClass('scrollbar-hover');
+    $('#content .actions').removeClass('hidden');
+    $('#content .file-image .right-icon').removeClass('hidden');
+    $('#content .detail').eq(1).removeClass('hidden');
+    $('.main-col iframe').css('min-height', '380px');
+    $.cookie('isFullScreen', 0);
+}
+
+document.addEventListener('fullscreenchange', function (e)
+{
+    if(!document.fullscreenElement) exitFullScreen();
+});
+
+document.addEventListener('webkitfullscreenchange', function (e)
+{
+    if(!document.webkitFullscreenElement) exitFullScreen();
+});
+
+document.addEventListener('mozfullscreenchange', function (e)
+{
+    if(!document.mozFullScreenElement) exitFullScreen();
+});
+
+document.addEventListener('msfullscreenChange', function (e)
+{
+    if(!document.msfullscreenElement) exitFullScreen();
+});
+
+$(function()
+{
+    $(document).keydown(function(event)
+    {
+        if($.cookie('isFullScreen') == 1)
+        {
+            if(event.keyCode == 37) $('#prevPage').click();
+            if(event.keyCode == 39) $('#nextPage').click();
+        }
+    });
+
+    if($.cookie('isFullScreen') == 1) fullScreen();
+
+    $('.menu-actions > a').click(function()
+    {
+        $(this).parent().hasClass('open') ? $(this).css('background', 'none') : $(this).css('background', '#f1f1f1');
+    })
+
+    $('.menu-actions > a').blur(function() {$(this).css('background', 'none');})
+
+    /* Update doc content silently on switch doc version, story #40503 */
+    $(document).on('click', '.api-version-menu a, #mainActions .container a', function(event)
+    {
+        var $tmpDiv = $('<div>');
+        $tmpDiv.load($(this).data('url') + ' #mainContent', function()
+        {
+            $('#content').html($tmpDiv.find('#content').html());
+            $('#sidebarContent').html($tmpDiv.find('#sidebarContent').html());
+            $('#actionbox .histories-list').html($tmpDiv.find('#actionbox .histories-list').html());
+            if($.cookie('isFullScreen') == 1) fullScreen();
+            $('#content [data-ride="tree"]').tree();
+            $('#outline li.has-list').addClass('open in');
+            $('#outline li.has-list>i+ul').prev('i').remove();
+        });
+    });
+});
diff --git a/module/api/view/content.html.php b/module/api/view/content.html.php
index d62e2d3e37..ddc1469a3d 100644
--- a/module/api/view/content.html.php
+++ b/module/api/view/content.html.php
@@ -22,17 +22,15 @@
               </div>
             </div>
             <div class="actions">
+              <?php echo html::a("javascript:fullScreen()", '<span class="icon-fullscreen"></span>', '', "title='{$lang->fullscreen}' class='btn btn-link fullscreen-btn'");?>
               <?php
               if(!$isRelease)
               {
-                if(common::hasPriv('api', 'edit')) echo html::a(inlink('edit', "apiID=$api->id"), '<i class="icon-edit"></i>', '', "title='{$lang->api->edit}' class='btn btn-link' data-app='{$this->app->tab}'");
-                if(common::hasPriv('api', 'delete'))
-                {
-                  $deleteURL = $this->createLink('api', 'delete', "apiID=$api->id");
-                  echo html::a($deleteURL, '<i class="icon-trash"></i>', '', "title='{$lang->api->delete}' class='btn btn-link' target='hiddenwin'");
-                }
+                if(common::hasPriv('api', 'edit'))   echo html::a(inlink('edit', "apiID=$api->id"), '<i class="icon-edit"></i>', '', "title='{$lang->api->edit}' class='btn btn-link' data-app='{$this->app->tab}'");
+                if(common::hasPriv('api', 'delete')) echo html::a(inLink('api', 'delete', "apiID=$api->id"), '<i class="icon-trash"></i>', '', "title='{$lang->api->delete}' class='btn btn-link' target='hiddenwin'");
               }
               ?>
+              <a id="hisTrigger" href="###" class="btn btn-link" title=<?php echo $lang->history?>><span class="icon icon-clock"></span></a>
             </div>
           </div>
         </div>