Skip to content

Instantly share code, notes, and snippets.

Building big things

Jon McLaren TheWebTech

Building big things
View GitHub Profile
TheWebTech / CMS-hub-grid.css
Created May 10, 2022
HubSpot CMS - styles to better visualize the grid
View CMS-hub-grid.css
/* CSS styles that highlight the hubspot grid components so you can better visualize what is happening in a page.
1. You could use this a few different ways, you could add this to your inspector-stylesheet.css when inspecting a page.
2. You could integrate this into a browser extension ;)
3. You could literally upload the stylesheet to HubSpot, and use {% if request.query_dict.hsDebug == "true" %}{{ require_css(PATH TO YOUR CSS FILE) }}{% endif %}
Additionally in-case it's useful as a prototyping/layout planning tool:
.dnd-module {background: #eaf0f6;min-height: 50px!important; }
.dnd-module::before {content:"{% dnd_module %}";}
View New CRM Object Property

[00:00:00] Hey there. I just wanted to introduce you to the new CRM object property field. This field allows content creators to pick properties from a CRM object type. So think the properties of a product field, for example, it would have the product description unit costs when it was created who created it, et cetera.

[00:00:21] Then what this field actually does on the developer side is it gives you an object filled with all of the metadata for that property in the object. So where this is different from like say the CRM object field itself is that. This, doesn't give you the values of that object instead.

[00:00:46] It gives you the metadata. So it gives you like the label for that property. It gives you the actual property names. You can use it programmatically. It gives you the, the types. So say you want to do format [00:01:00] strings different than you did like integers. You can do that. So let's kind of dive into a little bit of a use case and, and how you could use this. So I created a module her

TheWebTech / hubspot_cos_bookmarklet.js
Last active Mar 14, 2018 — forked from spingary/hubspot_cos_bookmarklet.js
Hubspot COS Helper Bookmarklet
View hubspot_cos_bookmarklet.js
javascript: (function() {
var link = document.createElement("link");
link.href = "";
link.type = "text/css";
link.rel = "stylesheet";
var linkb = link.cloneNode(true);
var frame = window.frames['design-manager-iframe'];
var contents = jQuery(frame).contents();