diff --git a/html/fs/panel.html b/html/fs/panel.html
index 9179d764..d38b9c2f 100644
--- a/html/fs/panel.html
+++ b/html/fs/panel.html
@@ -1 +1 @@
-<section id="js-{{ side }}" class="panel panel-{{ side }}">{{ content }}</section>
\ No newline at end of file
+<section data-name="js-{{ side }}" class="panel panel-{{ side }}">{{ content }}</section>
\ No newline at end of file
diff --git a/lib/client/dom.js b/lib/client/dom.js
index 82c6ca05..2ac3d8eb 100644
--- a/lib/client/dom.js
+++ b/lib/client/dom.js
@@ -1373,16 +1373,16 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
              * @param options = {active: true}
              */
             this.getPanel                = function(options) {
-                var id          = 'js-',
+                var dataName    = 'js-',
                     current     = this.getCurrentFile(),
                     files       = current.parentElement,
                     panel       = files.parentElement,
-                    isLeft      = panel.id === 'js-left';
+                    isLeft      = panel.getAttribute('data-name') === 'js-left';
                     
                 /* if {active : false} getting passive panel */
                 if (options && !options.active) {
-                    id          += isLeft ? 'right' : 'left';
-                    panel       = this.getById(id);
+                    dataName    += isLeft ? 'right' : 'left';
+                    panel       = this.getByDataName(dataName);
                 }
                 
                 /* if two panels showed
@@ -1390,7 +1390,7 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
                  * panel
                  */
                 if (window.innerWidth < CloudCmd.MIN_ONE_PANEL_WIDTH)
-                    panel = this.getById('js-left');
+                    panel = this.getByDataName('js-left');
                     
                 
                 if (!panel)
@@ -1730,19 +1730,19 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
             };
             
             this.changePanel            = function() {
-                var id, files, name,
+                var dataName, files, name,
                     Info            = CurrentInfo,
                     current         = Info.element,
                     panel           = Info.panel,
                     filesPassive    = Info.filesPassive;
                 
-                id              = panel.id;
-                TabPanel[id]    = current;
+                dataName            = panel.getAttribute('data-name');
+                TabPanel[dataName]  = current;
                 
                 panel           = Info.panelPassive;
-                id              = panel.id;
+                dataName        = panel.getAttribute('data-name');
                 
-                current         = TabPanel[id];
+                current         = TabPanel[dataName];
                 
                 if (current)
                     files       = current.parentElement;
diff --git a/lib/client/listeners.js b/lib/client/listeners.js
index 09563023..424348ab 100644
--- a/lib/client/listeners.js
+++ b/lib/client/listeners.js
@@ -65,7 +65,7 @@ var Util, DOM, CloudFunc, CloudCmd;
                 pathElement;
             
             if (typeof side === 'string')
-                panel       = DOM.getById('js-' + side);
+                panel       = DOM.getByDataName('js-' + side);
             else
                 panel       = side;