Fixed issue #3 which makes CSV uploader not working in IE and other browsers.

Author: Eugene Manuilov

classes/Visualizer/Render/Page/Data.php

@@ -58,7 +58,7 @@ protected function _renderSidebarContent() {
 			'chart'  => $this->chart->ID,
 		), admin_url( 'admin-ajax.php' ) );
 
-		echo '<li class="group">';
+		echo '<li class="group open">';
 			echo '<h3 class="group-title">', esc_html__( 'Upload CSV File', Visualizer_Plugin::NAME ), '</h3>';
 			echo '<div class="group-content">';
 				echo '<iframe id="thehole" name="thehole"></iframe>';
@@ -80,7 +80,10 @@ protected function _renderSidebarContent() {
 							echo '<input type="file" id="csv-file" class="file" name="local_data">';
 							esc_attr_e( 'From Computer', Visualizer_Plugin::NAME );
 						echo '</div>';
-						echo '<a id="remote-file" class="button" href="javascript:;">', esc_html__( 'From Web', Visualizer_Plugin::NAME ), '</a>';
+						
+						echo '<div>';
+							echo '<a id="remote-file" class="button" href="javascript:;">', esc_html__( 'From Web', Visualizer_Plugin::NAME ), '</a>';
+						echo '</div>';
 					echo '</form>';
 				echo '</div>';
 			echo '</div>';

css/frame.css

@@ -407,16 +407,20 @@ div.group-content .group-description {
 
 .file-wrapper {
 	position: relative;
-	margin-right: 10px !important;
+	overflow: hidden;
 }
 
 .file {
+	font-size: 200px;
     position: absolute;
     top: 0;
-	left: 0;
 	right: 0;
-	bottom: 0;
     opacity: 0;
     -moz-opacity: 0;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+#remote-file {
+	margin-top: 10px;
+	clear: both;
 }