Today we are looking at a quick way to remove the progress bar in Chrome browser windows of SiteKiosk Windows. Please note that this feature will most likely be added to a future version of SiteKiosk for the Chrome engine skins.
To achieve the task we need to edit a file of the Chrome Browser skin. The content.json file is located in the folder C:\Users\Public\SiteKiosk\data\content\local\files\projects\d97aa96b962543fcb39625a3f8e8d8fb\000000000000000000000000. Open it with an editor.
Look for the segment that starts with this line:
"type": "content-webview-progress",
This will lead you to this:
{
"type": "content-webview-progress",
"name": "loadProgress",
"borderBottom": "1px solid transparent",
"borderBottomColor": "[[$root.colors.border]]",
"backgroundColor": "[[$root.colors.progress.background]]",
"height": "7px",
"paddingTop": "2px",
"paddingBottom": "2px",
"width": "100%",
"color": "[[$root.colors.progress.foreground]]",
"webView": "{{tabPageArea.currentTab}}",
"_editor_canBeSelected": true,
"_editor_canBeEdited": true,
"_editor_canBeDeleted": true,
"_editor_canAdd": true,
"layout": {
},
"_editor_propertiesToEdit": {
"applyToAllContentGroups": true,
"flex": true,
"margin": true,
"text": true
},
"_editor_propertiesToEditRestrictedUser": {}
},
Within the segment look for the line:
"width": "100%",
Add the following line directly after:
"visible": false,
The edited segment should look like this now:
{
"type": "content-webview-progress",
"name": "loadProgress",
"borderBottom": "1px solid transparent",
"borderBottomColor": "[[$root.colors.border]]",
"backgroundColor": "[[$root.colors.progress.background]]",
"height": "7px",
"paddingTop": "2px",
"paddingBottom": "2px",
"width": "100%",
"visible": false,
"color": "[[$root.colors.progress.foreground]]",
"webView": "{{tabPageArea.currentTab}}",
"_editor_canBeSelected": true,
"_editor_canBeEdited": true,
"_editor_canBeDeleted": true,
"_editor_canAdd": true,
"layout": {
},
"_editor_propertiesToEdit": {
"applyToAllContentGroups": true,
"flex": true,
"margin": true,
"text": true
},
"_editor_propertiesToEditRestrictedUser": {}
},
Save the file and start SiteKiosk to see the effect.
