Hiding the Cookie Widget

Can Change/Remove the Cookie Widget/Icon from the bottom of the screen?

Yes, using CSS. (View Customizing/Styling Osano CMP for all CSS classes)

There is, however, a caveat. If you remove the cookie widget, you MUST give your users another way of accessing the Storage/Cookie Preferences. The "Storage Preferences" or "Drawer" is required to (1) Easily Explain Cookie Categories (2) Allow Users to Understand and Change their Preferences and (3) Disclose Cookies to End Users. 

You can trigger the drawer using the same widget but customizing the icon image to something more brand-specific—[See Replacing the Cookie Widget for instructions]. 

Alternatively, you can hide the widget entirely and trigger the drawer via a text link. This is your choice, but to be compliant, you MUST provide the option for your users to see and change their cookie storage preference via the drawer. 

To hide the Cookie Widget:

  • .osano-cm-widget { display: none; }

To trigger the Storage/Cookie preferences drawer, you can utilize the following Javascript: 

  • Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')
    • This is the preferred method.
    • In some cases, window.Osano.cm.showDrawer should be used.
  • DEPRECATED: Osano.cm.emit("osano-cm-dom-info-dialog-open")
    • This method has been deprecated. Please utilize Osano.cm.showDrawer.

Example: Hiding the Cookie Widget and Triggering the Drawer (Storage Preferences) using a Text Link in the Footer:  

(Note: This is an example and may not work for all platforms.)

<head> 
<script>YOUR OSANO.JS HERE</script>
<style>
.osano-cm-widget{display: none;}
</style>
</head>
<body>
<! --this should go in the site "footer"-->
<a href="#" onclick="Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')">Cookie Preferences</a>
</body>

Example: window.Osano.cm.showDrawer

@click="window.Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')"