@@ -213,6 +213,11 @@ define([
213213if ( value === 'spss' ) {
214214// show install button
215215that . showInstallButton ( ) ;
216+ // show install note below File type selection
217+ $ ( `<tr><td colspan="2">
218+ <label class="vp-orange-text vp-italic">NOTE: </label>
219+ <label class="vp-gray-text vp-italic">pyreadstat package is required to read spss file.</label>
220+ </td></tr>` ) . insertAfter ( $ ( that . wrapSelector ( '#fileType' ) ) . closest ( 'tr' ) ) ;
216221} else {
217222that . hideInstallButton ( ) ;
218223}
@@ -327,6 +332,13 @@ define([
327332this . fileResultState = {
328333 ...this . fileState [ pageType ] . fileResultState
329334} ;
335+
336+ if ( selectedType == 'pickle' ) {
337+ // hide additional option box
338+ $ ( this . wrapSelector ( prefix + '#vp_optionBox' ) ) . closest ( '.vp-accordian-container' ) . hide ( ) ;
339+ } else {
340+ $ ( this . wrapSelector ( prefix + '#vp_optionBox' ) ) . closest ( '.vp-accordian-container' ) . show ( ) ;
341+ }
330342
331343if ( pageType == 'Write' ) {
332344if ( selectedType == 'json' ) {
@@ -344,7 +356,7 @@ define([
344356
345357// prepend file type selector
346358$ ( this . wrapSelector ( prefix + '#vp_inputOutputBox table tbody' ) ) . prepend (
347- $ ( '<tr>' ) . append ( $ ( `<td><label for="fileType">File Type</label></td>` ) )
359+ $ ( '<tr>' ) . append ( $ ( `<td><label for="fileType"x x-first x-last">bold vp- orange-text">File Type</label></td>`) )
348360. append ( $ ( '<td><select id="fileType" class="vp-select"></select></td>' ) )
349361) ;
350362var fileTypeList = Object . keys ( fileTypeObj ) ;
@@ -408,8 +420,6 @@ define([
408420suggestInput . setPlaceholder ( 'encoding option' ) ;
409421return suggestInput . toTagString ( ) ;
410422} ) ;
411-
412-
413423}
414424
415425render ( ) {