# Easy Edge Chromium 1.7 - Remove Window Caption Bar

**URL:** <https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062>\
**Category:** questions\
**Tags:** html\
**Created:** [April 30, 2022, 8:52am UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062 "2022-04-30T08:52:29Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![pbouma](https://clarionhub.com/letter_avatar_proxy/v4/letter/p/d6d6ee/32.png) [@pbouma](https://clarionhub.com/u/pbouma)\
**Post date:** [April 30, 2022, 8:52am UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/1 "2022-04-30T08:52:29Z")

</div>

Hi,  
I added it to a BrowseWindow. Is it posiibel to remove the header:

> **[2022-04-30\_10-47-14](https://app.screencast.com/XkCOPatnPpW99)**
>
> World's leading screen capture + recorder from Snagit + Screencast by Techsmith. Capture, edit and share professional-quality content seamlessly.

it is rather big.  
I would like to have that information (Index of xxx) in a field like this:

> **[2022-04-30\_10-54-09](https://app.screencast.com/FjxQFnvql0lHy)**
>
> World's leading screen capture + recorder from Snagit + Screencast by Techsmith. Capture, edit and share professional-quality content seamlessly.

---

<div class="post-metadata">

**Author:** ![Mike\_Duglas](https://clarionhub.com/user_avatar/clarionhub.com/mike_duglas/32/1061_2.png) [@Mike\_Duglas](https://clarionhub.com/u/Mike_Duglas)\
**Post date:** [April 30, 2022, 9:46am UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/2 "2022-04-30T09:46:23Z")

</div>

File explorer in Easy Edge matches file explorer style in Microsoft Edge browser.  
You can however change html elements style as you like. For example, “header” element size can be decreased if you call this in OnDOMContentLoaded event handler:

```
  !- decrease header size
  SELF.ExecuteScriptAsync('' |
    & 'var header = document.getElementById("header");' |
    & 'header.style.fontSize = "15px";')

```

Press Ctrl-U to view the source of a page and find element IDs.

---

<div class="post-metadata">

**Author:** ![pbouma](https://clarionhub.com/letter_avatar_proxy/v4/letter/p/d6d6ee/32.png) [@pbouma](https://clarionhub.com/u/pbouma)\
**Post date:** [April 30, 2022, 12:03pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/3 "2022-04-30T12:03:26Z")

</div>

Thank you, the changing of the Header works .  
But now the following: I want to disable ‘zooming’ no problem thats a selection box to set.  
But I want to change the font to the same font as my application. I’ve added the FileExplorer to a browse and Explorer has a different font and that fontsize should be saved

---

<div class="post-metadata">

**Author:** ![Mike\_Duglas](https://clarionhub.com/user_avatar/clarionhub.com/mike_duglas/32/1061_2.png) [@Mike\_Duglas](https://clarionhub.com/u/Mike_Duglas)\
**Post date:** [April 30, 2022, 1:13pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/4 "2022-04-30T13:13:36Z")

</div>

Well, you can do the following:

- Remove the script above from OnDOMContentLoaded embed point.

- Add this script to Initialization completed → Finish embed point:

This script changes body font to Verdana 12px, then changes header’s font size to 15px. You can tweak it for your needs.

---

<div class="post-metadata">

**Author:** ![pbouma](https://clarionhub.com/letter_avatar_proxy/v4/letter/p/d6d6ee/32.png) [@pbouma](https://clarionhub.com/u/pbouma)\
**Post date:** [April 30, 2022, 3:38pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/5 "2022-04-30T15:38:21Z")

</div>

Mike: what are these characters? - AddScriptToExecuteOnCreate( ‘’ |  
or “Verdana”;  
I mean the quotes ? I copied and paste this code but errors.  
Thanks

---

<div class="post-metadata">

**Author:** ![Mike\_Duglas](https://clarionhub.com/user_avatar/clarionhub.com/mike_duglas/32/1061_2.png) [@Mike\_Duglas](https://clarionhub.com/u/Mike_Duglas)\
**Post date:** [April 30, 2022, 3:46pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/6 "2022-04-30T15:46:27Z")

</div>

Sorry, unwanted formatting happened, grab the code from attached file.  
[DOMContentLoaded.clw](https://clarionhub.com/uploads/short-url/aqO6KvlUWexgK8rpH1V7Cl3Yqbj.clw) (583 Байта)

---

<div class="post-metadata">

**Author:** ![pbouma](https://clarionhub.com/letter_avatar_proxy/v4/letter/p/d6d6ee/32.png) [@pbouma](https://clarionhub.com/u/pbouma)\
**Post date:** [April 30, 2022, 3:52pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/7 "2022-04-30T15:52:19Z")

</div>

Thanks for your help.  
But:

I put the code here: but does not seem to do anything.

fileViewer1.OnDOMContentLoaded PROCEDURE(STRING pNavigationId)  
! Start of “OnDOMContentLoaded DATA”  
! [Priority 5000]

! End of “OnDOMContentLoaded DATA”  
CODE  
PARENT.OnDOMContentLoaded(pNavigationId)  
! Start of “OnDOMContentLoaded CODE”  
! [Priority 5000]  
SELF.AddScriptToExecuteOnCreate( ‘’ |  
& ‘document.addEventListener(’‘DOMContentLoaded’‘, function() {{’ |  
etc

---

<div class="post-metadata">

**Author:** ![Mike\_Duglas](https://clarionhub.com/user_avatar/clarionhub.com/mike_duglas/32/1061_2.png) [@Mike\_Duglas](https://clarionhub.com/u/Mike_Duglas)\
**Post date:** [April 30, 2022, 4:21pm UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/8 "2022-04-30T16:21:26Z")

</div>

Reread my reply:

- Remove the script above from OnDOMContentLoaded embed point.
- Add this script to **Initialization completed → Finish** embed point:

---

<div class="post-metadata">

**Author:** ![pbouma](https://clarionhub.com/letter_avatar_proxy/v4/letter/p/d6d6ee/32.png) [@pbouma](https://clarionhub.com/u/pbouma)\
**Post date:** [May 1, 2022, 9:34am UTC](https://clarionhub.com/t/easy-edge-chromium-1-7-remove-window-caption-bar/5062/9 "2022-05-01T09:34:16Z")

</div>

Thank you - it works. Used the wrong embed.