Web: Client: JavascriptSDK: show settings option was added

packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js

@@ -422,6 +422,7 @@ class FilesTableHeader extends React.Component {
       tagRef,
       setHideColumns,
       isFrame,
+      showSettings,
     } = this.props;
 
     const {
@@ -452,7 +453,7 @@ class FilesTableHeader extends React.Component {
         tagRef={tagRef}
         setHideColumns={setHideColumns}
         settingsTitle={t("Files:TableSettingsTitle")}
-        showSettings={!isFrame}
+        showSettings={isFrame ? showSettings : true}
       />
     );
   }
@@ -572,6 +573,7 @@ export default inject(
 
       isFrame,
       frameTableColumns: frameConfig?.viewTableColumns,
+      showSettings: frameConfig?.showSettings,
     };
   }
 )(

packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/presets/Manager.js

@@ -271,6 +271,12 @@ const Manager = (props) => {
     });
   };
 
+  const toggleShowSettings = () => {
+    setConfig((config) => {
+      return { ...config, showSettings: !config.showSettings };
+    });
+  };
+
   const toggleActionButton = () => {
     setConfig((config) => {
       return { ...config, disableActionButton: !config.disableActionButton };
@@ -470,8 +476,8 @@ const Manager = (props) => {
             <Checkbox
               className="checkbox"
               label={t("SettingUpColumns")}
-              onChange={() => {}}
-              isChecked={true}
+              onChange={toggleShowSettings}
+              isChecked={config.showSettings}
             />
             <Checkbox
               className="checkbox"

public/scripts/api.js

@@ -26,6 +26,7 @@
     viewTableColumns: "Name,Size,Type",
     checkCSP: true,
     disableActionButton: false,
+    showSettings: false,
     filter: {
       count: 100,
       page: 1,