CRM & Sales Hub - HubSpot Community

<!DOCTYPE html><html prefix="og: http://ogp.me/ns#" dir="ltr" lang="en" class="no-js"> <head> <title> CRM & Sales Hub - HubSpot Community </title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <meta content="Need help using HubSpot's Sales software? Post your questions here and a community member will be happy to help." name="description"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><link href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales" rel="canonical"/> <meta content="community.hubspot.com" property="og:site_name"/><meta content="website" property="og:type"/><meta content="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales" property="og:url"/><meta content="Need help using HubSpot's Sales software? Post your questions here and a community member will be happy to help." property="og:description"/><meta content="CRM & Sales Hub - HubSpot Community" property="og:title"/> <link class="lia-link-navigation hidden live-links" title="New board topics in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=forum"></link> <link class="lia-link-navigation hidden live-links" title="All board posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_0" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=forum&feeds.replies=true"></link> <link class="lia-link-navigation hidden live-links" title="New blog blog posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_1" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=blog"></link> <link class="lia-link-navigation hidden live-links" title="All blog posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_2" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=blog&feeds.replies=true"></link> <link class="lia-link-navigation hidden live-links" title="New idea exchange ideas in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_3" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=idea"></link> <link class="lia-link-navigation hidden live-links" title="All idea exchange posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_4" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=idea&feeds.replies=true"></link> <link class="lia-link-navigation hidden live-links" title="New Products" type="application/rss+xml" rel="alternate" id="link_5" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=review"></link> <link class="lia-link-navigation hidden live-links" title="All Reviews and Comments" type="application/rss+xml" rel="alternate" id="link_6" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=review&feeds.replies=true"></link> <link class="lia-link-navigation hidden live-links" title="rss.livelink.threads-in-node@place:occasion" type="application/rss+xml" rel="alternate" id="link_7" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=occasion"></link> <link class="lia-link-navigation hidden live-links" title="rss.livelink.posts-in-node@place:occasion" type="application/rss+xml" rel="alternate" id="link_8" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=occasion&feeds.replies=true"></link> <link class="lia-link-navigation hidden live-links" title="New media posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_9" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=media"></link> <link class="lia-link-navigation hidden live-links" title="All media posts in CRM & Sales Hub" type="application/rss+xml" rel="alternate" id="link_10" href="/mjmao93648/rss/Category?category.id=sales&interaction.style=media&feeds.replies=true"></link> <link href="/skins/6566941/cf3d09a7a299b32f8a1bbd2f844fb61f/hubspot.css" rel="stylesheet" type="text/css"/>  <meta name="google-site-verification" content="JhdbLb5-5cPIvkeSYPUWX4n-wvBOsUlTzu7NjgCxLjQ" /> <script> window.$start = performance.now(); window.$stats = {}; // We need to define this BEFORE the lib is loaded so it initializes properly with this config window.__unocss = { theme: { breakpoints: { '@s': '(max-width: 479px)', '@m': '(max-width: 767px)', '@l': '(max-width: 1023px)', '@xl': '(min-width: 1200px)', }, px2rem: false, }, /** /* Within the RegEx rules below are named groups: /* - <d> stands for direction, think top, right, bottom, left, x, y /* - <g> stands for global, think values like auto|inherit|initial|revert|revert-layer|unset etc. /* - <m> stands for modifier, used for sub-properties like "-size" in "background-size" /* - <p> stands for property /* - <s> stands for selector where applicable /* - <u> stands for unit, default is px, no need to add that, for all other units, write them behind the value /* - <v> stands for value /*/ rules: [ // if you need a class to be !important simply prefix the class in HTMl with ! (it's automatic) // animation/transition utilities [/^a:(?<p>[a-z\-]+)?\/?(?<dur>[\d.ms]+)?\/?(?<e>[a-z\-]+)?\/?(?<del>[\d.ms]+)?$/, ([, p, dur, e, del]) => ( Object.entries({ 'transition-property': p || false, 'transition-duration': dur || '236ms', 'transition-timing-function': e || 'ease-in-out', 'transition-delay': del || false, }).reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = /^[\d\.]+$/.test(value) ? `${value}ms` : value.replace(/(?<!var\()(?<v>--\S+)/, `var(${value})`); } return rules; }, {}) )], // border utilities // This one is a bit special, it's basically able to set a variety of properties if specified, the pattern is like // `b:<direction><color>/<width>/<style>/<radius>` if you want to omit certain values, you need the slash (/), // but with no value in between, so let's say you only want to set the border-style, you would do `b:///dashed`, // only the border-width: `t:/3`, only border-top-color: `b:tred`, all properties support CSS custom properties // and properties that have numeric values support also `calc()`, e.g. `b:t--color-red` and `t:blue/calc(100px/5)` // The order of properties is different than standard CSS which is `<width><style><color>` as in my experience // 90% of border styling are color, but we mostly write `1px solid <color>`, which is annoying, so this utility // defaults to `border-width: 1px` and `border-style: solid` which can of course easily be changed, but doing simply // `b:green` will result in a 1px solid green border in all directions, which cuts down on how much we have to type // if you don't like these defaults, it's quite simple to change it to whatever behaviour you like! // @limitations: This utility does NOT deal with any kind of border-image stuff, I can't even remember when I have // used this feature last, so not going to include it as a utility, if you really want to use it, write CSS... // @note: The strange looking negative lookaheads in the regex below are there to deal with 'reserved' word like // `transparent` or all kinds of named colors that would otherwise get chopped up by the direction indicators // workaround is simply using a hex color with 0 alpha, e.g. #0000... // TODO: Add in support for `outline`, don't want to make a separate util for it as it is relatively similar to // a border and mostly just annoying default focus behavior for lazy people who don't care about :focus... // TODO: Add support for border radius, probably best to take everything at the end (e.g. after <style>) and // split it by slashes, discard anything more than 4 and then apply them as border-radius would be applied /* TODO: think about how to implement fake directional borders (use box-shadow outlines for full ones) &r-fake { position: relative; &:after { color: red; content: ''; position: absolute; top: 0; bottom: 0; width: 1px; } } */ [/^b:(?<d>[bi][se]|r(?![ego])|t(?![r])|l(?![aei])|b(?![eilru])|y(?![e])|x|o(?![lr]))?$?(?<v>(?:[a-z\-]+?\([\S]+?$|[^\s]+?)+?)\)?$/, ([, d, v]) => ( ({ t: ['-top'], r: ['-right'], b: ['-bottom'], l: ['-left'], x: ['-right', '-left'], y: ['-top', '-bottom'], is: ['-inline-start'], ie: ['-inline-end'], bs: ['-block-start'], be: ['-block-end'], }[d] || ['']).reduce((rules, dir) => ( (v || '') .split(/\/?(?<v>[a-z\-]+$[\S]+?$+(?![,\)_])|[^\s\/]+)\/?/g) .filter((x) => x.trim()) // handles shortcut values for inherit (`i`) and skip (`x`) // you can optionally specify border radius separated by _: `.b:red/1/solid/1px_2px_3px_4px` // but it has to be specified with the unit! slash-notation doesn't need the unit, will default to px // there's a special class `.b:none` to remove a border, but `.b:x/0` is shorter .map((x, i) => /^[\d\.]+$/.test(x) ? `${x}px` : x.replace(/(?<!var\()(--[^\s,/]+)/g, 'var($1)').replace(/_/g, ' ').replace(/^i$/g, 'inherit').replace(/^c$/g, 'currentColor').replace(/^s$/g, 'solid').replace(/^x$/g, '')) // we want always minimum 3 values, as we want to set defaults for width/style if not defined .reduce((arr, val, i, values) => (values.length < 3 ? [...values, ...Array(3-Math.min(values.length, 3)).fill(null)] : values), []) .reduce((ret, val, i, arr) => ({ ...ret, ...({ 0: !['', 'none'].includes(val) ? { [({o: 'outline'}[d] || `border${dir}`) + '-color']: val } : {}, 1: ![''].includes(val) ? { [({o: 'outline'}[d] || `border${dir}`) + '-width']: arr[0] === 'none' ? '0' : val || '1px' } : {}, 2: ![''].includes(val) ? { [({o: 'outline'}[d] || `border${dir}`) + '-style']: val || 'solid' } : {}, 3: { 'border-radius': val }, 4: { 'border-radius': `${ret['border-radius']} ${val}` }, 5: { 'border-radius': `${ret['border-radius']} ${val}` }, 6: { 'border-radius': `${ret['border-radius']} ${val}` }, }[i] || {}) }), {}) ), {}) )], /* OLD border version [/^(?<p>b):(?<d>[bi][se]|r(?![ego])|t(?![r])|l(?![aei])|b(?![eilru])|y(?![e])|x)?(?<g>inherit|initial|revert|revert-layer|unset)?(?<outline>o(?![lr]))?(?<color>[^\/\s:@]*)?\/?(?<width>[\d.]+|--[^\/\s:@]+|calc$.*?$)?(?<u>[a-zA-Z%]+)?\/?(?<style>[^\/]*)?\/?(?<radius>[\S]+)?$/, ([, p, d, g, outline, color, width, u, style, radius]) => ( { undefined: [''], t: ['-top'], r: ['-right'], b: ['-bottom'], l: ['-left'], x: ['-right', '-left'], y: ['-top', '-bottom'], is: ['-inline-start'], ie: ['-inline-end'], bs: ['-block-start'], be: ['-block-end'], }[d].reduce((rules, dir) => { // global values like auto, initial, revert will be captured by the <u> group Object.entries({ [(outline ? 'outline' : `border${dir}`) + '-color']: color || g ? `${color?.replace(/(?<!var$)(?<v>--\S+)/, `var(${color})`) || ( g || '')}` : false, [(outline ? 'outline' : `border${dir}`) + '-width']: `${width?.replace(/(?<!var\()(?<v>--\S+)/, `var(${width})`) || '1'}${u || (!width?.startsWith('--') && !width?.includes('calc') ? 'px' : '')}`, [(outline ? 'outline' : `border${dir}`) + '-style']: `${style?.replace(/(?<!var\()(?<v>--\S+)/, `var(${style})`) || 'solid'}`, 'border-radius': radius ? radius.split(/\//g).map((v) => (/^[\d\.]+$/.test(v) ? `${v}px` : v.replace(/(?<!var\()(?<v>--\S+)/, `var(${v})`))).join(' ') : false, }).forEach(([prop, value]) => { if ( value ) { rules[prop] = g ? g : value; } }); return rules; }, {}) )], */ [/^b:(?<c>circle)|(?:rad\(?(?<v>(?:[a-z\-]+?\([\S]+?$|[^\s]+?)+?)\)?)$/, ([, c, v]) => ( c ? { 'border-radius': '50%' } : (v || '') .split(/\/?(?<v>[a-z\-]+$[\S]+?$+(?![,\)_])|[^\s\/]+)\/?/g) .filter((x) => x.trim()) .map((x, i) => /^[\d\.]+$/.test(x) ? `${x}px` : x.replace(/(?<!var\()(--[^\s,/]+)/g, 'var($1)').replace(/_/g, ' ').replace(/^i$/g, 'inherit').replace(/^c$/g, 'currentColor').replace(/^x$/g, '')) .reduce((ret, val, i) => ({ ...ret, ...({ 'border-radius': `${ret['border-radius'] || ''} ${val}` }) }), {}) )], // background: shorthand and advanced multi-value uncovered sub-property accessor // @note: if you encounter problems consider disabling this rule and swap it out // for the commented out one below that just takes in custom properties [/^bg:(?<m>-[a-z]+)?_?(?<v>['"0-9A-Za-z .,\/()\-_!%#]+)$/, ([, m, v]) => ({ [`background${m || ''}`]: v?.replace(/_/g, ' ')?.replace(/(?<!var\()(?<v>--\S+)/, `var(${v})`) })], // background[-prop]: variable/custom property interpolation, use like `bg:-image--var-name` // @note: swap with rule above if that one creates problems, it does this as well // [/^bg:(?<m>-[a-z]+)?_?(?<v>--.*|none)$/, ([, m, v]) => ({ // [`background${m || ''}`]: /^none$/.test(v) ? 'none' : `var(${v})` // })], // background-color: Use custom property syntax for actual colors like `bg:--c-green` [/^bg:(?<v>current|transparent)$/, ([, v]) => ({ 'background-color': v?.replace('current', 'currentColor') })], // background-position: we only support the 1 value version with utils /* TODO: think about implementing these modifiers from the SCSS version @include modifiers(( 'b': 'bottom', 'c': 'center', 'l': 'left', 'lb': 'left bottom', 'lt': 'left top', 'r': 'right', 'rb': 'right bottom', 'rt': 'right top', 't': 'top', ), $properties: 'background-position', $prefix: 'pos-', $separator: '-'); */ [/^bg:(?<v>center|top|right|bottom|left)$/, ([, v]) => ({ 'background-position': v })], // background-repeat: we only support the 1 value version with utils [/^bg:(?<v>repeat-x|repeat-y|repeat|space|no-repeat)$/, ([, v]) => ({ 'background-repeat': v })], // background-size: only word values suported with utils [/^bg:(?<v>auto|cover|contain)$/, ([, v]) => ({ 'background-size': v })], // box-shadow [/^bs:(?<p>oi|o)?\/?(?<v>[^\s]+)?$/, ([, p, v]) => ({ // `/([^\s\/]+$[\S]+?$)|\//g` => splits by slash except when they are between parenthesis like `calc(100px/2)` // `b`/`o` and `oi` are shortcuts for box-shadow outlines/borders (they don't affect the box-model), `o` creates // and outline outside of the box, `oi` one that does not go beyond the box-boundaries. This can be useful // for scenarios where you want a border in a certain state but not others and then have to set // `border-color: transparent` on those elements. But box-shadow outlines can't be direction controlled, // so they are only useful if the element should have a border on all sides 'box-shadow': ({ 'o': '0 0 0 ', 'oi': 'inset 0 0 0 ', }[p] || '') + v.split(/([^\s\/]+$[\S]+?$)|\//g).filter((x) => x).map((x) => (/^[\d\.]+$/.test(x) ? `${x}px` : x.replace(/(?<!var$)(--\S+)/, `var(${x})`))).join(' ') })], // cursor: just make sure you got the value right, unrestricted for brevity sake [/^c:(?<v>\S+)$/, ([, v]) => ({ 'cursor': v })], // display: There's a lot of different utilities summarized under the d: prefix, see preflights // still working on figuring out the best way to implement them as some might still require // browser prefixes, or target multiple properties etc. [/^(?<p>bg|d):(?<filter>blur|brightness|contrast|drop-shadow|grayscale|hue-rotate|invert|opacity|saturate|sepia)\(?(?<v>calc\([\S]+?$|[^\s)]+)?\)?$/, ([, p, filter, v]) => ({ [`${p === 'bg' ? 'backdrop-' : ''}filter`]: `${filter}(${v?.startsWith('calc') ? v : v?.replace(/\//g, ' ') || ''})` })], ['d:b', { 'display': 'block' }], // `d:c(<name>/<type>)` || `d:c(<name>)` || `d:c` // https://developer.mozilla.org/en-US/docs/Web/CSS/container [/^d:c(?:$(?<n>[^\s\/]+)\/?(?<t>[^\s\/]+)?$)?$/, ([, n, t]) => ({ 'container': `${n || 'x'} / ${t || 'inline-size'}` })], ['d:i', { 'display': 'inline' }], ['d:ib', { 'display': 'inline-block' }], ['d:none', { 'display': 'none' }], ['d:hide', { 'visibility': 'hidden' }], ['d:show', { 'visibility': 'visible' }], ['d:invisible', { 'border': '0', 'clip': 'rect(1px, 1px, 1px, 1px)', 'height': '1px', 'outline': 'none', 'overflow': 'hidden', 'padding': '0', 'position': 'absolute', 'width': '1px', }], /* 1 */ ['d:f', { 'display': 'flex' }], ['d:fi', { 'display': 'flex inline' }], ['d:f-col', { 'flex-direction': 'column' }], ['d:f-row', { 'flex-direction': 'row' }], ['d:f-wrap', { 'flex-wrap': 'wrap' }], ['d:fc-items-center', { 'align-items': 'center' }], ['d:fc-justify-between', { 'justify-content': 'space-between' }], ['d:fc-justify-center', { 'justify-content': 'center' }], // If functions are used the value wrapping with () is mandatory! `d:f(col/1/0/calc(3px*100))` [/^d:f$?(?<dir>col|row)?\/?(?<grow>[\d.]+)?\/?(?<shrink>[\d.]+)?\/?(?<basis>[\S]+)?$+?$/, ([, dir, grow, shrink, basis]) => ( Object.entries({ 'flex-direction': { col: 'column', row: 'row' }[dir] || false, 'flex-grow': grow || false, 'flex-shrink': shrink || false, 'flex-basis': /^[\d\.]+$/.test(basis) ? `${basis}px` : (basis || '').replace(/(?<!var$)(?<v>--\S+)/, `var(${basis})`) || false, }).reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = value; } return rules; }, {}) )], // order matters here, needs to be below the general `d:f` rule [/^d:f-(?<v>none|auto|initial)$/, ([, v]) => ({ 'flex': v })], // grid/flexbox gap, be careful though when using `d:g` it needs the gap defined within it's values // to properly calculate column width! so specify gap there if you use `d:g(<values>)`, it's fine to // use `d:gap` if you use `d:g` (without values) and define your template-columns yourself via CSS [/^d:gap(?<row>calc\([\S]+?$|[^\s\/]+)?\/?(?<col>[^\s]+)?$/, ([, row, col]) => ( Object.entries({ 'row-gap': col ? row : false, 'column-gap': row ? col : false, 'gap': (row && !col) ? row : false, }).reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = /^[\d\.]+$/.test(value) ? `${value}px` : value.replace(/(?<!var$)(?<v>--\S+)/, `var(${value})`); } return rules; }, {}) )], // flexbox/grid align and justify utils to be used like: // `.d:jself(center) or .d:j-self(center) or .d:js(center) or .d:aitems(start) or .d:a-items(start) or .d:ai(start)` [/^d:(?<d>a|j)-?(?<scope>c|i|s|t|content|items|self|tracks)[\(-](?<v>\S*?)$?$/, ([, d, scope, v]) => ( { [`${{ a: 'align', j: 'justify' }[d]}-${{ c: 'content', i: 'items', s: 'self', t: 'tracks' }[scope] || scope}`]: v } )], // grid: format `d:g` to just set the display property, `d:g(<template-cols>/<gap/row-gap>?/<col-gap>?/<template-rows>?)` // TODO: Keep an eye on `grid-template-rows: masonry` support, it would be awesome, but is not supported as of 2023 // it's technically implemented as the 4th via `grid-template-rows`: That one is a bit different, can't do it with // optional gap values, so even if no gaps should be defined, it needs to be written like `d:g(12/0/0/masonry)` // there is a special value `equal` that will make all rows equal height to the tallest one: `d:g(12/0/0/equal)` // the 4th value is basically a free-for-all, you can go crazy with stuff like `repeat(auto,minmax(calc(100vh/3),1fr)))` // to define the grid-template-rows, I use it rarely, but it's there if needed. [/^d:(?<p>g|gi)(?:$(?<v>[^\s]+)?$)?$/, ([, p, v], ctx) => ( ({ 'g': [ ['display', 'grid'] ], 'gi': [ ['display', 'inline-grid'] ], }[p] || []).reduce((rules, [prop, value]) => { if ( value ) { //console.log('rule matcher args', p, v, ctx); // set the display property rules[prop] = value; // parse the grid config values and inject additional properties into the outer reduced array // depending on how many config values were provided, do not give unit to first value automatically // as it is the number of grid-columns and needs to be a unitless value for the internal calc(), it // can be a custom CSS property/variable or calc() resolving in a unitless number itself though, // meaning: `d:g(--var-cols/12px/calc(100px/4))` or `d:g(calc(48/4)/12px/calc(100px/4))` are fine. // Does it make sense to calc() within calc()? not sure... but it's possible ;). // If the first value has a unit, no automatic cols calculation will happen, but the value will // be used as a min-width of a grid-column letting the browser do the heavy lifting, this can be // very helpful not having to define any kind of @media queries for responsiveness! // `d:g(264px)` => `grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));` // auto-fill vs auto-fit: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/ if ( v ) { v = v.split(/\/?(?<v>[a-z\-]+$[\S]+?$(?![,\)])+|[^\s\/]+)\/?/g).filter(x => x).map((x, i) => /^[\d\.]+$/.test(x) && i !== 0 ? `${x}px` : x.replace(/(?<!var\()(?<v>--\S+)/, `var(${x})`)); // The last value can be 'fit' or 'fill' regardless of position to select auto-filling algo const f = /(fit|fill)/.test(v.at(-1)) ? v.pop() : 'fit'; const props = ({ 1: [['grid-template-columns', `repeat(auto-${f}, minmax(${/[\d\.]+[a-z%]+$/.test(v[0]) ? v[0] : `calc(100%/${v[0]})`}, 1fr))`]], 2: [['grid-template-columns', `repeat(auto-${f}, minmax(${/[\d\.]+[a-z%]+$/.test(v[0]) ? v[0] : `calc(100%/${v[0]} - ${v[1]})`}, 1fr))`], ['gap', v[1]]], 3: [['grid-template-columns', `repeat(auto-${f}, minmax(${/[\d\.]+[a-z%]+$/.test(v[0]) ? v[0] : `calc(100%/${v[0]} - ${v[2]})`}, 1fr))`], ['row-gap', v[1]], ['column-gap', v[2]]], 4: [['grid-template-columns', `repeat(auto-${f}, minmax(${/[\d\.]+[a-z%]+$/.test(v[0]) ? v[0] : `calc(100%/${v[0]} - ${v[2] || 0})`}, 1fr))`], ['row-gap', v[1]], ['column-gap', v[2]], ( v[3] === 'equal' ? ['grid-auto-rows', '1fr'] : ['grid-template-rows', ( v[3] ? v[3].replace(/_/g, ' ') : null )] )], }[Math.min(v.length, 4)] || []).forEach(([_p, _v]) => (rules[_p] = _v)); } } return rules; }, {}) )], [/^d:(?:g-?)?(?<p>col|row)$?(?<v>\S+?)$?$/, ([, p, v]) => ({ [`grid-${p === 'col' ? 'column' : 'row'}`]: v.replace(/_/g, ' ') })], // grid col/row span // regex captures everything after `d:span<v>` (or within parenthesis `d:span(<v>)`), syntax is: // variant a): `d:span<v[<col[<start>-<end?>]>/<row?[<start>-<end?>]>]>` // variant b): `d:span(<v[<col[<start>-<end?>]>/<row?[<start>-<end?>]>]>)`, // we deal with the value inside the matcher function and split it into it's components // TODO: Re-evaluate if the separate util is worth it as we can simply use `.d:g-col(<v>` and `.d:g-row(<v>)` [/^d:(?:g-?)?span$?(?<v>(?:[a-z\-]+?\([\S]+?$|[^\s]+?)+?)\)?$/, ([, v]) => ( (v || '') .split(/\/?(?<v>[a-z\-]+$[\S]+?$+(?![,\)_])|[^\s\/]+)\/?/g) .filter(x => x.trim()) // don't need the auto-pixelator here, span values are unitless, but we support CSS vars //.map((x, i) => /^[\d\.]+$/.test(x) ? `${x}px` : x.replace(/(?<!var$)(--[^\s,/]+)/g, 'var($1)').replace(/_/g, ' ')) .map((x, i) => x.replace(/(?<!var\()(--[^\s,/]+)/g, 'var($1)')) .reduce((rules, value, i) => ({ ...rules, ...({ // if useing CSS vars, specify the full value, like this it's most flexible 0: { 'grid-column': value.includes('var(') ? value : value.split('-').map((x, i, a) => a.length === 1 ? `span ${x}` : x ).join(' / ') }, 1: { 'grid-row': value.includes('var(') ? value : value.split('-').map((x, i, a) => a.length === 1 ? `span ${x}` : x ).join(' / ') }, }[i] || {}) }), {}) )], ['d:noverflow', { 'overflow': 'hidden' }], // order (flexbox/grid), syntax: `d:order(?-?<v>)?` [/^d:order\(?(?<v>[-\d]+)$?$/, ([, v]) => ({ 'order': v })], // display => overflow(-[x|y]) auto [/^d:scroll(?<m>-[xy])?$/, ([, m]) => ({ [`overflow${m || ''}`]: 'auto' })], ['d:scroll', { 'overflow': 'auto' }], ['d:scroll(x)', { 'overflow-x': 'auto' }], ['d:scroll(y)', { 'overflow-y': 'auto' }], // it's a bit tricky to yield those ::selectors, but this is how it can be done... // question is: should we just preflight those as raw CSS instead of doing constructs like this? // the strings ship with the bundle, one way or the other, but as preflights at least the utils // are readable... and after all, there's nothing dynamic about them, simply creating overhead here // futhermore it's questionable to do it like that as it will most likely result in more // characters/bytes shipped than if it was just pure CSS... [/^(?<sel>d:scroll-nobar)$/, ([, sel], context) => { return `${context.constructCSS({ 'scrollbar-width': 'none', /* Firefox */ '-ms-overflow-style': 'none', /* IE 10+ */ })}\n.${CSS.escape(sel)}::-webkit-scrollbar { width: 0; height: 0; }` /* WebKit */ }], // pointer-events [/^e:(?<v>\S+)$/, ([, v]) => ({ 'pointer-events': v })], // list-style: order of values is type | image | position, escape quotes with ^ [/^l:(?<v>.{3,}?)?(?:_(?<url>.+?))?(?:_(?<pos>outside|inside))?$/, ([, v, url, pos]) => ({ 'list-style': `${v?.replaceAll('^', '"')} ${url || ''} ${pos || ''}` })], // margin and padding: supports basics plus custom properties (variables), optional directions and global word values [/^(?<p>m|p):(?<d>r(?!e)|[ltbxy]|[bi][se])?(?<v>(?:(?:-(?!-))?[\d._]+)|--\S+|calc$.*?$)?(?<u>[a-zA-Z%]+)?$/, ([, p, d, v, u]) => ( { undefined: [''], t: ['-top'], r: ['-right'], b: ['-bottom'], l: ['-left'], x: ['-right', '-left'], y: ['-top', '-bottom'], is: ['-inline-start'], ie: ['-inline-end'], bs: ['-block-start'], be: ['-block-end'], }[d].reduce((rules, dir) => { // global values like auto, initial, revert will be captured by the <u> group // TODO: not sure what the `.replaceAll('_', ' ')` is for, maybe a copy paste leftover from another rul? rules[`${{m: 'margin', p: 'padding'}[p]}${dir}`] = `${v?.replaceAll('_', ' ')?.replace(/(?<!var$)(?<v>--\S+)/, `var(${v})`) || ''}${u || (!v?.startsWith('--') && !v?.includes('calc') ? 'px' : '')}`; return rules; }, {}) )], // opacity // technically the spec allows for percantage values, but we convert anything to float, makes things easier [/^o:(?<v>[\d.%]+|--\S+|calc\(.*?$)?$/, ([, v]) => ({ 'opacity': isNaN(parseFloat(v)) ? (v?.replace(/(?<!var\()(?<v>--\S+)/, `var(${v})`) || '') : ( parseFloat(v) <= 1 ? parseFloat(v) : parseFloat(v)/100 ) })], // position utils [/^(?<p>pos):(?<d>r(?![e]|$)|[ltb])?(?<v>[\S]+)?$/, ([, p, d, v]) => ( { 'a': [ ['position', 'absolute'] ], 'f': [ ['position', 'fixed'], ['backface-visibility', 'hidden'] ], 'r': [ d ? ['right', null] : ['position', 'relative'] ], 's': [ ['position', 'sticky'] ], 'center': [ ['position', 'absolute'], ['top', '50%'], ['left', '50%'], ['transform', 'translate(-50%, -50%)'] ], 'center-x': [ ['position', 'relative'], ['left', '50%'], ['transform', 'translateX(-50%) perspective(1px)'] ], 'center-y': [ ['position', 'relative'], ['top', '50%'], ['transform', 'translateY(-50%) perspective(1px)'] ], 'reset': [ ['position', 'static'] ], // direction utils, set the value falsy so we can set it within reduce 't': [ ['top', null] ], 'b': [ ['bottom', null] ], 'l': [ ['left', null] ], undefined: [], }[d || v].reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = value; } else if ( d && v ) { rules[prop] = /^[\d\.]+$/.test(v) ? `${v}px` : v.replace(/(?<!var$)(?<v>--\S+)/, `var(${v})`); } return rules; }, {}) )], /** /* FLUID MEDIA CONTENT UTILS (IMG, VIDEOS, IFRAMES etc.) /* 1. Element will be stretched to the full extend of the nearest realtively-positioned /* ancestor. /* 2. Element will be stretched to the entire viewport and follow the user's scrolling, /* good for modal windows and overlays /* 3. Add this class to the element that contains the fluid media content and do not forget /* to define the aspect ratio like `.scale:frame(16/9)`. /* 4. Add this class to the element that should scale in a specific ratio, useful for /* fluid videos, iframes (maps anybody?), embeds but also images. /* 5. Allows an image to be responsvie up to its container width but not exceeding /* it's native size. /*/ [/^scale:(?<v>[^\s(]+)\(?(?<ratio>[\d\/]+)?$?$/, ([, v, ratio]) => ( { 'fit': [ ['bottom', '0'], ['left', '0'], ['margin', 'auto'], ['position', 'absolute'], ['right', '0'], ['top', '0'] ], /* 1 */ 'fullscreen': [ ['backface-visibility', 'hidden'], ['bottom', '0'], ['left', '0'], ['margin', 'auto'], ['position', 'fixed'], ['right', '0'], ['top', '0'] ], /* 2 */ 'frame': [ ['display', 'block'], ['position', 'relative'], ['aspect-ratio', (ratio ? `${ratio}` : null) ] ], /* 3 */ // The padding hack is old-school now, we now have native aspect ratio, but for reference // I'll leave those here anyways, the calculation goes as follows: `9 / 16 * 100% = 56.25%` // So if a custom aspect ratio is needed one could simply apply `p:tcalc(2/12*100%)` //'frame(16/9)': [ ['padding-top', '56.25%'] ], //'frame(3/2)': [ ['padding-top', '66.66666%'] ], //'frame(4/3)': [ ['padding-top', '75%'] ], 'content': [ ['bottom', '0'], ['left', '0'], ['margin', 'auto'], ['position', 'absolute'], ['right', '0'], ['top', '0'] ], /* 4 */ 'img': [ ['display', 'block'], ['height', 'auto'], ['max-width', '100%'] ], /* 5 */ undefined: [], }[v].reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = value; } return rules; }, {}) )], /** /* TEXT UTILS /* /* 1. Enables font kerning in all browsers. /* see also: http://blog.typekit.com/2014/02/05/kerning-on-the-web/ /* 2. Ensure that the node has a maximum width after which truncation can occur. /* 3. Fix for IE 8/9 if 'word-wrap: break-word' is in effect on ancestor nodes. /* 4. A little helper to increase the font-weight slightly without having to rely /* on font-style. Especially useful to increase readability of very small type! /*/ // This one is a bit special, it's basically able to set a variety of properties if specified, the pattern is like // `t:<color>/<font-size>/<line-height>/<font-weight>/<font-style>/<font-family>` if you want to omit certain values, // you need the slash (/), but with no value in between, so let's say you only want to set the font family, // you would do `t://///Arial`, only the font-weight: `t:///700`, only the color: `t:red`, all properties // support CSS custom properties and properties that have numeric values support also `calc()`, e.g. `t:--color-red` // and `t:blue/calc(100px/5)/calc(100px/4)` // TODO: support letter-spacing here or in separate utility? // TODO: support other functions than calc(), clamp() in particular, but basically all CSS math functions [/^(?<p>t):(?<color>[^\/\s:@]*)?\/?(?<size>[\d.]+|--[^\/\s:@]+|calc$.*?$)?(?<u>[a-zA-Z%]+)?\/?(?<lh>[\d.]+|--[^\/\s:@]+|calc$.*?$)?(?<lhu>[a-zA-Z%]+)?\/?(?<weight>[\d.]+|--[^\/\s:@]+|calc$.*?$)?\/?(?<style>[^\/\s:@]*)?\/?(?<family>[^\/\s:@]*)?$/, ([, p, color, size, u, lh, lhu, weight, style, family]) => ( Object.entries({ 'color': color ? `${color?.replace(/(?<!var\()(?<v>--\S+)/, `var(${color})`) || ''}` : false, 'font-size': size || size === '0' ? `${size?.replace(/(?<!var\()(?<v>--\S+)/, `var(${size})`) || ''}${u || (!size?.startsWith('--') && !size?.includes('calc') ? 'px' : '')}` : false, 'line-height': lh || lh === '0' ? `${lh?.replace(/(?<!var\()(?<v>--\S+)/, `var(${lh})`) || ''}${lhu || ''}` : false, 'font-weight': weight ? `${weight?.replace(/(?<!var\()(?<v>--\S+)/, `var(${weight})`) || ''}` : false, 'font-style': style ? `${style?.replace(/(?<!var\()(?<v>--\S+)/, `var(${style})`) || ''}` : false, 'font-family': family ? `${family?.replace(/(?<!var\()(?<v>--\S+)/, `var(${family})`) || ''}` : false, }).reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = value; } return rules; }, {}) )], // font-family // This utility isn't really meant to define full font-stacks, you may try to use the general utility // like `t://///Arial` even though it's questionable to use like that. By default it just applies the global CSS // keywords for font-family, including such as ui-serif etc. which are not supported by browsers today // the power of this one is that it will also look for pre-defined custom CSS properties/variables at // :root level with the specific pattern of `---t-family-<keyword>`, if found it will use the variable // value. In this way font stacks can easily be defined via such variables. Besides the standrad spec // keywords, it also supports some custom short ones: sans => sans-serif, mono => monospace, ui => system-ui // TODO: Make variable names configurable via theme or at least the prefix and allow passing in the specific // `--t-family-<name>` variable via CSS class as well, like this we could reference full font stacks without // making things too ugly? How can we access theme within rules? [/^t:(?<v>serif|sans-serif|sans|monospace|mono|cursive|fantasy|system-ui|ui|ui-serif|ui-sans-serif|ui-monospace|ui-rounded|emoji|math|fangsong)$/, ([, v]) => ({ 'font-family': !!getComputedStyle(document.documentElement).getPropertyValue(`---t-family-${v}`) ? `var(---t-family-${v})` : v.replace(/^(sans|mono|ui)$/gi, x => ({'sans': 'sans-serif', 'mono': 'monospace', 'ui': 'system-ui'}[x])) })], // font-style // Shortcuts for what is doable with the 'general' utility above as well, the key word `normal` // is already used by the font-weight utility below, so `t:regular` is used to set `font-style: normal` // specifying the angle for `font-style: oblique 20deg` is supported as well with `t:oblique/20` // valid angle values are +-90deg, but most fonts don't support it anyways... [/^t:(?<v>italic|oblique|regular)\/?(?<deg>-?\d{1,2})?$/, ([, v, deg]) => ({ 'font-style': `${v.replace('regular', 'normal')}${deg ? ` ${deg}deg`: ''}` })], // font-weight // Those are shortcuts which can all be achieved by using the above 'general' utility as well, but they // are still included for convenience, lighter/bolder are relative-to-parent font-weights (see MDN) // this util has a feature where it looks for custom CSS properties (variables) defined at `:root` level // that match the specific pattern of `---t-weight-<word|weight>`, if found, it will use those instead of // the actual word or numeric weight, this allows to re-define what those words/weights mean in terms of // actual font-weight, e.g. if default for `font-weight: normal` is 400, if you set `---t-weight-normal: 300` // at `:root` level and use the utility `t:normal` on some element, it's font-weight will now be 300 // these custom CSS properties/variables are intentionally prefixed with 3! dashes (---) to hopefully avoid // any conflicts with 'regularly' defined custom CSS variables which accidentially have the same name! [/^t:(?<v>lighter|bolder|thin|normal|bold|heavy|\d00)$/, ([, v]) => ({ 'font-weight': !!getComputedStyle(document.documentElement).getPropertyValue(`---t-weight-${v}`) ? `var(---t-weight-${v})` : v.replace('thin', '100').replace('heavy', '900') })], // `t:boldest` applies a text-shadow which adds to the visual boldness of text regardless of font-weight applied ['t:boldest', { 'text-shadow': '0 0 0.3px currentColor' }], // text-align: we only support the 1 value version with utils, the string thing seems fringe anyways // additionally we convert left/right 'absolute' values to start/end which is text-direction aware // `justify-all` and `match-parent` are in the spec but seem very poorly supported! [/^t:(?<v>start|end|left|right|center|justify|justify-all|match-parent)$/, ([, v]) => ({ 'text-align': v.replace('left', 'start').replace('right', 'end') })], // text-decoration // We don't support multiple text-decoration-line values, if you really need that, specify it via multiple classes // text-decoration-skip is also not supported as browser support is 0, but text-decoration-skip-ink is supported // There is a shortcut `t:del` which translates to `t:line-through` automatically. // `blink` is deprecated and only Opera and Safari still support it...We don't, it's bullshit UX anyways... // A text-decoration-line value has to be defined, otherwise this util won't catch, the other additional properties // can be omitted, the format is `t:<decoration-line>/<style>/<color>/<thickness>/<skip-ink> [/^t:(?<line>none|underline|overline|line-through|del)\/?(?<style>solid|double|dotted|dashed|wavy|--[^\/\s:@]+)?\/?(?<color>[^\/\s:@]*)?\/?(?<width>[\d.]+|--[^\/\s:@]+|calc$.*?$)?(?<u>[a-zA-Z%]+)?\/?(?<skip>none|auto|all|--[^\/\s:@]+)?$/, ([, line, style, color, width, u, skip]) => ( Object.entries({ 'text-decoration-line': line ? `${line?.replace(/(?<!var\()(?<v>--\S+)/, `var(${line})`).replace('del', 'line-through') || ''}` : false, 'text-decoration-style': style ? `${style?.replace(/(?<!var\()(?<v>--\S+)/, `var(${style})`) || ''}` : false, 'text-decoration-color': color ? `${color?.replace(/(?<!var\()(?<v>--\S+)/, `var(${color})`) || ''}` : false, 'text-decoration-thickness': width || width === '0' ? `${width?.replace(/(?<!var\()(?<v>--\S+)/, `var(${width})`) || ''}${u || (!width?.startsWith('--') && !width?.includes('calc') ? 'px' : '')}` : false, 'text-decoration-skip-ink': skip ? `${skip?.replace(/(?<!var\()(?<v>--\S+)/, `var(${skip})`) || ''}` : false, }).reduce((rules, [prop, value]) => { if ( value ) { rules[prop] = value; } return rules; }, {}) )], // text-tranform [/^t:(?<v>capitalize|caps|lowercase|lcase|uppercase|ucase)$/, ([, v]) => ({ 'text-transform': v.replace('caps', 'capitalize').replace('lcase', 'lowercase').replace('ucase', 'uppercase') })], ['t:break', { 'word-wrap': 'break-word' /* 4 */ }], ['t:nowrap', { 'white-space': 'nowrap' }], // TODO: not sure if this even does something visually, what is it's purpose? remove it? ['t:kern', { '-webkit-font-feature-settings': '"kern" 1', 'font-feature-settings': '"kern" 1', '-webkit-font-kerning': 'normal', 'font-kerning': 'normal', 'text-rendering': 'optimizeLegibility' }], // 1 ['t:truncate', { 'max-width': '100%' /* 2 */, 'overflow': 'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap', 'word-wrap': 'normal' /* 3 */ }], // transform // transform function values are very diverse, just write them as usual separated with commas just NO spaces! // You can use `calc()` or custom css properties `--some-var` if they are allowed to be used for function values // we can't cast non-pixel values to pixels either, because different functions have different inputs, like `scale()` // for example expects unitless values, so for the values, you do need to specify the unit if appropriate // Does NOT support specifying multiple transform functions in one call, write proper CSS for a use-case like that! // Does support transform-origin/box/style with the appropriate prefix `b|o|s` e.g. `.tr:o(center/50px)` // note that the classname consistently has to encapsulate the value in parenthesis, e.g. `.tr:rotate(120deg)`, but // also `.tr:o(--some-var/calc(100px/2))` => `transform-origin: var(--some-var) calc(100px/2);` // The order of the transform functions in the RegEx matters, so don't touch! [/^tr:(?<p>[bo]|s(?![ck]))?(?<fn>matrix3d|matrix|none|perspective|rotate3d|rotateX|rotateY|rotateZ|rotate|scale3d|scaleX|scaleY|scaleZ|scale|skewX|skewY|skew|translate3d|translateX|translateY|translateZ|translate)?$(?<v>[^\s]+)?$$/, ([, p, fn, v]) => ({ [{ b: 'transform-box', o: 'transform-origin', s: 'transform-style', undefined: 'transform', }[p]]: p // `/\/(?![\S]+\))/g` => splits by slash except when they followed by `)` like `calc(100px/2)` ? v.split(/\/(?![\S]+\))/g).map((x) => (/^[\d\.]+$/.test(x) ? `${x}px` : x.replace(/(?<!var$)(--\S+)/, `var(${x})`))).join(' ') : fn.match(/none/) ? fn : `${fn}(${v?.replace(/(?<!var\()(?<v>--\S+)/g, `var(${v})`)})` })], // width & height [/^(?<p>w|h):(?<m>min|max|screen)?(?<v>[\d.]+|--\S+|calc\(.*?$)?(?<u>[a-zA-Z%]+)?$/, ([, p, m, v, u]) => ( { undefined: [''], min: ['min-'], max: ['max-'], screen: [(rules) => (rules[`${{w: 'width', h: 'height'}[p]}`] = `100v${p}`)] }[m].reduce((rules, mod) => { if ( mod instanceof Function ) { mod(rules); return rules; } // global values like auto, initial, revert will be captured by the <u> group // replacing _ with ' ' allows for escaping required spaces in calc +/- operations like calc(100% - 32px) rules[`${mod}${{w: 'width', h: 'height'}[p]}`] = `${v?.replace(/(?<!var\()(?<v>--\S+)/, `var(${v})`).replaceAll('_', ' ') || ''}${u || (!v?.startsWith('--') && !v?.includes('calc') ? 'px' : '')}`; return rules; }, {}) )], [/^z:(?<v>.+)$/, ([, v]) => ({ 'z-index': v.replace(/(?<!var\()(?<v>--\S+)/, `var(${v})`) })], // debug/dev tools, simply add the class `?` to an element and it will make itself very visible ;) // It might very often be the case that you need to overrule existing styles that conflict with the // dev tool class, so just prefix with `!` to make everything !important. [/^(\?)$/, (_, { constructCSS, generator }) => ( `@keyframes __imhere{0%{box-shadow:inset 0 0 0 2px red}100%{box-shadow:inset 0 0 0 6px yellow}}\n${constructCSS({ animation: '__imhere 0.5s ease-in-out alternate infinite' })}` )], // create a box around an element, good for highlighting stuff // arrows can be useful for screenshots, try it out with `?[]>`, `?[]^`, `?[]<`, `?[]>t` etc. [/^(?<sel>\?\[(?<inset>[0-9-]+)?\/?(?<width>\d+)?\](?:(?<arrow>\>|\<|\^)(?<top>t)?)?\/?(?<hue>\d+)?\/?(?<opacity>[\d.%]+)?)$/, ([, sel, inset, width, arrow, top, hue, opacity], ctx) => ( `${ctx.constructCSS({ overflow: 'visible !important', position: 'relative', })}${ arrow ? `\n.${CSS.escape(sel)}:before { color: hsl(${hue || 0} 100% 50%) !important; content: '↗' !important; font-size: 36px !important; font-weight: 300 !important; line-height: 1 !important; position: absolute; ${top ? `top: -${Math.abs(inset || 0)}px` : `bottom: -${Math.abs(inset || 0)}px`}; ${arrow === '<' ? `right: -${Math.abs(inset || 0)}px` : `left: ${ arrow === '^' ? '50%' : `-${Math.abs(inset || 0)}px` }`}; transform: translate(${arrow === '<' ? '150%' : `${arrow === '^' ? '-50%' : '-150%'}`}, ${ top ? '-125%' : '125%'}) ${arrow === '<' ? 'rotate(-90deg)' : arrow === '^' ? 'rotate(-45deg)' : ''} ${ top ? `scale(${arrow === '<' ? '-1,1' : arrow === '^' ? '-1' : '1,-1'})` : ''}; z-index: 9999 !important; }` : ''}\n.${CSS.escape(sel)}:after { box-shadow: inset 0 0 0 ${Math.abs(inset || 0)}px hsl(${hue || 0} 100% 50% / ${opacity || .1}) !important; content: '' !important; inset: ${inset || 0}px !important; margin: 0 !important; padding: 0 !important; outline: ${width || 1}px solid hsl(${hue || 0} 100% 50%) !important; position: absolute !important; transform: none !important; z-index: 9999 !important; }` )], // and the dev grid overlay [/^(?<sel>\?#$?(?<s>\d+)?\/?(?<o>[\d.]+)?\/?(?<h>[\d]+)?(?<r>r)?$?)$/, ([, sel, s, o, h, r], ctx) => ( `${ctx.constructCSS({ 'position': 'relative', })}\n.${CSS.escape(sel)}:before { background-image: linear-gradient(hsl(${ h ? h : '0'} 100% ${ h ? '50%' : '0%'} / ${ o ? o : '.12'}) 1px, transparent 1px), linear-gradient(90deg, hsl(${ h ? h : '0'} 100% ${ h ? '50%' : '0%'} / ${ o ? o : '.12'}) 1px, transparent 1px); /*background-position: -1px -1px, -1px -1px;*/ background-size: ${ s ? `${s}px ${s}px, ${s}px ${s}px` : '24px 24px, 24px 24px'}; box-shadow: inset 0 0 0 1px hsl(${ h ? h : '0'} 100% ${ h ? '50%' : '0%'} / ${ o ? o : '.12'}); content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 10000; }\n.${CSS.escape(sel)} > [class*="${CSS.escape('b:')}"] { border-color: red !important; border-radius: 0 !important; }\n.${CSS.escape(sel)} > :not([class*="${CSS.escape('b:')}"]) { border-radius: 0 !important; box-shadow: inset 0 0 0 1px red !important; }${ r ? `\n.${CSS.escape(sel)}:after { background-image: linear-gradient(hsl(0 100% 0% / 1) 1px, transparent 1px), linear-gradient(90deg, hsl(0 100% 0% / 1) 1px, transparent 1px), linear-gradient(90deg, hsl(0 100% 0% / 1) 1px, transparent 1px), linear-gradient(-90deg, hsl(0 100% 0% / 1) 1px, transparent 1px); background-position: left bottom; background-repeat-y: no-repeat; background-size: ${ s ? `${s/2}px 6px, ${s/2}px 6px, ${s}px 11px, 100% 11px` : '6px 6px, 6px 6px, 12px 11px, 100% 11px'}; content: attr(data-width); display: block; font-size: 10px; line-height: 1; padding-bottom: 16px; position: absolute; top: 0; left: 0; text-align: center; transform: translateY(-125%); width: 100%; }` : '' }` )], ], shortcuts: [ // you could still have object style /*{ 'forum-nav-bar': '!bg:cyan', },*/ // dynamic shortcuts //[/^btn-(.*)$/, ([, c]) => `bg-${c}-400 text-${c}-100 py-2 px-4 rounded-lg`], ], variants: [ // Allows targeting child/sub elements of the element the util is applied to // Any valid combinator (or none) are supported, just add the child selector between pipes `|` // and add the util after, give that class to the wrapping element of whatever should be targeted // this helps a lot for use-cases where every child (imagine a ul>li structure) should get the // same styles, with regular utils, every li has to have all util classes, which is very // redundant and one of the major downsides of utility-based CSS approaches. With the help of this // variant this is a thing of the past as only one class has to be defined on the parent targeting // any and all decendent nodes with the appropriate selector. // `|>li|bg:red` => `.\|\>li\|bg\:red > li { background-color: red; }` { name: 'combinators', match: (matcher) => { const rx = /^\|(?<combinator>[>+~])?(?<selector>\S+)\|(?<util>\S+)$/; if ( !rx.test(matcher) ) { return matcher; } const { groups: { combinator, selector, util } } = matcher.match(rx); // the combinator is optional, but makes no sense to continue without selector or util if ( !selector || !util ) { return matcher; } //console.log('Found combinator match', `(selector) ${combinator} ${selector}`, util); return { matcher: util, selector: (s) => `${s} ${combinator || ''} ${selector}`, } }, multipass: false, //order: -1, }, // Targets basically every advanced CSS selector and pesudo content if they are prefixed with a colon `:` // this is very powerful as it allows targeting stuff like `:not(:last-child)` purely through CSS // classes, like `.b:b1/red::not(:last-child)` or `.t:bold::after` the double colon separator is needed // so we can actually do stuff like `:not(:last-child)`, which wouldn't work with a single colon (or put // differently: I'm too dumb to figure out the regex to do that!) // TODO: Figure out why those don't work in conjunction with combinator variants { name: 'pseudo', match: (matcher, ctx) => { const rx = /^[^:|]+:[^:]+(?<pseudoclass>:\S+)$/; //if ( !/:(:.+)$/.test(matcher) ) { return matcher; } if ( !rx.test(matcher) ) { return matcher; } const { groups: { pseudoclass } } = matcher.match(rx); // You can define any custom pseudo-classes and their selector interpolations here const custom = function(pc, s) { return { ':hocus': `${s}:hover, ${s}:focus`, ':hocus-within': `${s}:hover, ${s}:focus-within`, }[pc]; }; //console.log('Pseudoclass match found', matcher, pseudoclass); return { // slice pseudo-class and pass to the next variants and rules matcher: (pseudoclass ? matcher.slice(0, -(pseudoclass.length)) : matcher), selector: (s) => (pseudoclass ? custom(pseudoclass, s) || `${s}${pseudoclass}` : s), } }, // doesn't really work yet, probably my fault (regex?), not that important, specify two classes meanwhile multipass: false, //order: -1, }, // Converts `©(width>500px)` to `@container(width>500px)` to be dealt with by the atrule variant // => meh: I prefer the shortcut atrules like @c, @s, @l... /*{ name: '©rules', match: (matcher, ctx) => { if ( !matcher.includes('©') ) { return matcher; } return { matcher: matcher.replace(/©/g, '@container'), } }, multipass: false, },*/ // @rules { name: '@rules', match: (matcher, ctx) => { const rx = /^\S+:\S+(?<atrule>@[^:]+)/; if ( !rx.test(matcher) ) { return matcher; } const { groups: { atrule } } = matcher.match(rx); /** /* We want to support a variety of @rules, not all make sense to be specified via classes /* but the goal is to support: /* - pre-configured theme breakpoints which are mapped to @media, they are simply a string /* with the exact syntax of a regular CSS media query, this allows for complex breakpoints /* with logical operators etc. without creating a massive parsing overhead here. /* - on-the-fly evaluated breakpoints to be specified like CSS 4 range queries: /* `@(<|<=|=|>=|>)<number><unit>(width|height)(<|<=|=|>=|>)<number><unit>` supporting `width` and `height` /* There's a limit on how far I think it makes sense to go with supporting the offical spec /* it would get highly complex to implement all of it, so for now as we want to translate /* those expressions into the wider supported min-<prop> max-<prop> syntax, once browser support /* for range syntax is not that recent anymore, it should be easy to simply evaluate and forward /* complex range syntax queries with multiple conditions and operators. An implementation detail /* worth noting is the use of `=` (which usually makes 0 sense for media queries, who wants to /* specify an exact pixel value where styles apply?) to communicate values for props, so for example /* you'd specify the orientation feature (normally `@media (orientation: landscape)`) like /* `@orientation=landscape` or `@media(orientation=landscape)` or `@(orientation=landscape) (all valid) /* - @supports(display=grid) => https://css-tricks.com/how-supports-works/ /* - @layer(name), /* - @container((<|<=|=|>=|>)<number><unit>(width|height)(<|<=|=|>=|>)<number><unit>), /* => if none of those 3 keywords are found, @media, is assumed by default, as values can /* contain colons (:) we 'escape' those within the CSS class names with `=` as the colon /* is already used for pseudo classes this goes also for stuff like `@supports(selector(=last-child))` /* and is then translated to `@supports (selector(:last-child))` /*/ function transform(atrule) { //console.log('transform', atrule, ctx.theme.breakpoints[atrule], ctx.theme); // Check theme config for matching breakpoint (with or without the @) and return that early if ( ctx.theme.breakpoints[atrule] || ctx.theme.breakpoints[atrule.substring(1)] ) { return `@media ${(ctx.theme.breakpoints[atrule] || ctx.theme.breakpoints[atrule.substring(1)])}`; } let { groups: { at, rule } } = atrule.match(/^@(?<at>media|c|container|l|layer|s|supports)?(?<rule>\S+)$/); // Map @rule shortcuts like @c, @l, @s, those are different from theme breakpoints as they have a value! // => @l(<layer-name>), @s(display=grid), @c(width>618px) at = { c: 'container', l: 'layer', s: 'supports', }[at] || at; const operators = { '&&': () => ') and (', '||': () => '), (', '!': () => '), not all and (', '<': (p, inv) => (!inv ? `max-${p}: ` : `min-${p}: `), '<=': (p, inv) => (!inv ? `max-${p}: ` : `min-${p}: `), '=': () => ':', '>=': (p, inv) => (!inv ? `min-${p}: ` : `max-${p}: `), '>': (p, inv) => (!inv ? `min-${p}: ` : `max-${p}: `), }; let invert = false; let property = 'width'; // Unwarp @rule from parenthesis if it comes in wrapped rule = (rule.startsWith('(') ? rule.substring(1, rule.length-1) : rule); // Deal with simple values with no operators like @320px, prefix so it transforms to `max-width` // this allows something like `bg:red@320` to translate to `@media (max-width: 320px)` rule = rule.replace(/^(?<v>[\d.]+)(?<u>[a-z%]{1,4})?$/, (m, v, u) => `<${v}${u || 'px'}`); // Deal with range syntax, anything else won't be matched, transform into CSS3 conditions // don't check for proper units here, stop being lazy and write them... rule = rule.replace(/(?<left>[^<>=\s]+)?(?<oleft><=|>=|=|<|>)?(?<prop>width|height)(?<oright><=|>=|=|<|>)(?<right>[^<>=\s]+)/, (match, left, oleft, prop, oright, right) => { invert = !!oleft; property = prop; return `${oleft||''}${left||''}${oleft ? '&&' : ''}${oright}${right}`; }); // Use `.split()` with a RegEx and a capturing group to include the separators const parts = rule.split(/([^<>=&|!]+)?(&&|\|\||!|<=|>=|=|<|>)([^<>=&|!]+)/).filter(x => x); const result = parts.reduce((r, v, i, arr) => { if ( operators[v] ) { r.push(operators[v](property, invert)); // Only applies to range syntax, we have to invert the first operator, then reset the var invert = false; } else { // Resolve custom CSS properties/variables, we can't use them in @rules // a bit like https://github.com/WolfgangKluge/postcss-media-variables if ( v.startsWith('--') ) { v = getComputedStyle(document.documentElement).getPropertyValue(v).trim() || `${v}__var-undefined`; } // Cast unitless numeric values to pixels r.push((/^[\d\.]+$/.test(v) ? `${v}px` : v)); } // Add closing parenthesis if we reached the end (i == arr.length-1 && !(at || '').includes('layer')) && r.push(')'); return r; }, ['@', (at || 'media'), `${!(at || '').includes('layer') ? ' (' : ' '}`]).join(''); //console.log(result); return result; } return { // slice @rule and pass to the next variants and rules matcher: matcher.replace(atrule, ''), //selector: (s) => s, handle: (input, next) => { //console.log('input', input, 'next', next); return next({ ...input, parent: `${input.parent ? `${input.parent} $$ ` : ''}${transform(atrule)}`, }) }, } }, multipass: true, }, // Adds !important to a rules resulting CSS if the class is prefixed with !, e.g. `!t:red` { name: 'important', match: (matcher, ctx) => { if ( !matcher.startsWith('!') ) { return matcher; } return { matcher: matcher.slice(1), // body is an array of tuples like `[ [<prop>, <value>], [<prop>, <value>] ]` body: (body) => { body.forEach(([prop, val], i, arr) => { arr[i] = [prop, ( val ? val += ' !important' : val )]; }); return body; }, } }, multipass: false, }, ], preflights: [ { layer: 'recss', //getCSS: async () => (await fetch('my-style.css')).text(), // `:` (colon) needs double escaping when used in template literal! e.g. `<foo>\\:<bar>` getCSS: ({ theme }) => ` /** /* Little pseudo content helpers. /*/ [data-before]:before { content: attr(data-before); } [data-after]:after { content: attr(data-after); } [data-class]:after { content: attr(class); } /** /* Yes, invalid attribute, but no browser cares, useful for easily showing/hiding entire blocks /* based on FreeMarker/JS conditions. Use like <div class="..." if="{somebooleanexpression?c}">. /*/ [if="false"] { display: none !important; } /** /* Use for elements that should only be visible when handled by JavaScript, it's the JS code's /* responsibility to remove this class once it has done whatever it's doing. Useful for /* pre-rendering markup in FreeMarker and then progressively enhance it with JS. /*/ .js--only { display: none !important; } /** TODO: IMPLEMENT THESE DYNAMICALLY! **/ /** /* LAYOUT, DISPLAY & POSITIONING UTILS /* 1. Completely remove from the flow but leave available to screen readers. /* 2. Fix for Firefox bug: an image styled 'max-width:100%' within an /* inline-block will display at its default size, and not limit its width to /* 100% of an ancestral container. /* 3. The space content is one way to avoid an Opera bug when the /* 'contenteditable' attribute is included anywhere else in the document. /* Otherwise it causes space to appear at the top and bottom of the /* element. /* 4. The use of 'table' rather than 'block' is only necessary if using /* ':before' to contain the top-margins of child elements. /* 5. Make sure fixed elements are promoted into a new layer, for performance /* reasons. /* 6. Element will be absolutely centered inside the nearest relatively-positioned ancestor. /* 7. Element will be centered horizontally regardless of width. Setting 'transform: perspective(1px)' /* prevents element from being blurry if positioned on a "half-pixel", alternatively, setting /* 'transform-style: preserve-3d;' on the parent element has the same effect! /* 8. Element will be centered vertically regardless of height. Setting 'transform: perspective(1px)' /* prevents element from being blurry if positioned on a "half-pixel", alternatively, setting /* 'transform-style: preserve-3d;' on the parent element has the same effect! /* 9. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 /* 10. Setting percentage height is rather rare, not worth the bloat of all utility classes /*/ .d\\:ib-fix { font-size: 0; line-height: 0; } .d\\:ib-fix > *, .d\\:ib-fix *:before, .d\\:ib-fix *:after { font-size: initial; line-height: initial; vertical-align: middle; } .d\\:f-col-r { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .d\\:f-row-r { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .d\\:f-wrap-r { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .d\\:fc-items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .d\\:fc-items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .d\\:fc-items-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .d\\:fc-items-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .d\\:fc-justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .d\\:fc-justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .d\\:fc-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .d\\:fc-justify-evenly { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; /* not supported in Edge! */ } .d\\:fc-content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .d\\:fc-content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .d\\:fc-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .d\\:fc-content-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .d\\:fc-content-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .d\\:fc-content-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .d\\:fi-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .d\\:fi-self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .d\\:fi-self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .d\\:fi-self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } .d\\:fi-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .d\\:fi-grow { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; /* 9 */ min-height: 0; /* 9 */ } .d\\:table { display: table; } .d\\:table-collapse { border-collapse: collapse; } .d\\:table-separate { border-collapse: separate; } .d\\:table-spacing { border-spacing: 1px; } .d\\:td { display: table-cell; } .d\\:tr { display: table-row; } .d\\:left { float: left; } .d\\:right { float: right; } .d\\:clear:before, .d\\:clear:after { content: " "; /* 3 */ display: table; /* 4 */ } .d\\:clear:after { clear: both; } .d\\:valign-baseline { vertical-align: baseline; } .d\\:valign-top { vertical-align: top; } .d\\:valign-middle { vertical-align: middle; } .d\\:valign-bottom { vertical-align: bottom; } .d\\:valign-all-baseline > * { vertical-align: baseline; } .d\\:valign-all-top > * { vertical-align: top; } .d\\:valign-all-middle > * { vertical-align: middle; } .d\\:valign-all-bottom > * { vertical-align: bottom; } /** /* Skeleton loader styles /* @credits: https://css-tricks.com/a-bare-bones-approach-to-versatile-and-reusable-skeleton-loaders/ /* Multi-row skeleton loaders can be added by adding <br/> elements assuming that all /* child (content) elements get replaced with actual content once loading is done. /*/ .is--loading, .is--loading * { pointer-events: none; user-select: none; cursor: default; } .is--loading .sk\\:el { animation: 2s sk\\:progress linear infinite; background-size: 200% 100%; /* for loading animation */ background: var(--c-skeleton-bg); background: var(--c-skeleton-gradient); border-color: rgba(0,0,0,0) !important; border-radius: 2px; color: rgba(0,0,0,0) !important; } .is--loading .sk\\:el:is(.sk\\:static) { animation: none !important; background: var(--c-skeleton-bg); } @media (prefers-reduced-motion) { .is--loading .sk\\:el { animation: none !important; background: var(--c-skeleton-bg); } } /* Make sure all child elements are hidden, but preserve their dimensions and layout */ .is--loading .sk\\:el * { visibility: hidden; } /** * Make sure that an element has at least a whitespace character as a child so it displays * properly. This is useful when no text placeholder is present (element is empty). */ .is--loading .sk\\:el:empty:after, .is--loading .sk\\:el *:empty:after { content: ' '; /* Can't use 00a0 (octal escape sequences) in template literls! */ } @keyframes sk\\:progress { to { background-position-x: -200%; } } ` }, ], /*transformers: [ { name: 'my-transformer', enforce: 'pre', // enforce before other transformers idFilter(id) { // only transform .tsx and .jsx files //return id.match(/\.[tj]sx$/) //console.log('transformer: idFilter', id); return true; }, async transform(code, id, { uno }) { // code is a MagicString instance //console.log('transformer: transform()', code, id, uno); }, } ],*/ /* preprocess: (t) => { // for example prefix all classes with ! which makes them !important (bad idea!) if (t.includes('!')) return t; return `!${t}`; }, */ // convert pixels to rem for all utils postprocess: (util, ...args) => { if ( !window || !window.__unocss?.theme?.px2rem ) { return } const px = /(-?[\.\d]+)px/g; const reminpx = parseFloat(getComputedStyle(document.documentElement).fontSize); util.entries.forEach((i) => { const value = i[1]; if ( typeof value === 'string' && px.test(value) ) { i[1] = value.replace(px, (_, v) => `${v / reminpx}rem`); } }); }, /*extractors: [ // This is the default split extractor of UnoCSS, comment out what is below if you encounter // issues and try this one, it's very crude... but works with more or less false positives // depending on the markup your are working with { name: '@unocss/core/extractor-split', order: 0, extract({ code }) { const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g; function splitCode(code) { return code.split(defaultSplitRE); }; console.log('split extractor code', typeof code, code.split(defaultSplitRE)); return splitCode(code) }, }, { name: 're:css', order: 0, extract({ code }) { const classes = []; for ([_, q, c] of code.matchAll(/(?:class\s*?=\s*?)(["'])((?:(?=(?:\\)*)\\.|.)*?)\1/gi)) { classes.push(...c.split(/\s+/g)); } console.log('re:css extractor classes', classes); return classes; }, } ],*/ // disable the default extractor //extractorDefault: false, // override the default extractor // This one WILL FAIL if you do not quote your class attribute values (as you should anyways)! // But this extractor is 5-10x faster than the default extractor extractorDefault: { name: 're:css', order: 0, extract({ code }) { //const start = performance.now(); const classes = []; for (match of code.matchAll(/(?:class\s*?=\s*?)(["'])((?:(?=(?:\\)*)\\.|.)*?)\1/gi)) { // we use the default splitter RegEx, but only to split class attribute values, nothing else // it properly deals with inline riot `<template>` tags that contain unparsed expressions // `{ <expression> }` which cause problems with a 'simple' whitespace splitter... classes.push(...match[2].split(/[\\:]?[\s'"`;{}]+/g)); } //console.log('re:css extractor classes', classes); //console.log(`custom extractor done in ${performance.now()-start}ms`); return classes; }, }, // This is actually the default extractor, takes 60ms+ for a large HTML document /*extractorDefault: { name: '@unocss/core/extractor-split', order: 0, extract({ code }) { //const start = performance.now(); const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g; function splitCode(code) { return code.split(defaultSplitRE); }; const tokens = splitCode(code); //console.log(`default extractor done in ${performance.now()-start}ms`); return tokens; }, },*/ runtime: { inject: (styleElement) => document.head.append(styleElement), observer: { target: () => document.querySelector('.lia-page'), attributeFilter: ['class'], }, //inspect: (el) => { console.log(el); if ( /\S+:\S+/gi.test(el.getAttribute('class') || '') ) { console.log('uno inspect', el, el.classList, el.classList.matchAll(/\S+:\S+/gi)); } return true; }, ready: (ctx) => { //console.log('uno ready?', `${performance.now()-window.$start}ms`, ctx); // we can't pass the inspect callback directly via runtime config? why? ctx.inspect((el) => { if ( /\S+:\S+/gi.test(el.getAttribute('class') || '') ) { [...el.classList].filter((x) => /\S+:\S+/i.test(x)).forEach((v) => { window.$stats[v] = (window.$stats[v] || 0) + 1; }); } // need to return true from inspector callback return true; }); // need to return true from ready return true; }, //configResolved: (config, defaults) => { console.log('uno config resolved, modify it?', `${performance.now()-window.$start}ms`, config, defaults); }, }, }; </script> <script src="https://community.hubspot.com/html/@BAA2A9A38B8DF4DC5426B3D61241E9AB/assets/_core.libs.min.js" type="text/javascript"></script> <script src="https://community.hubspot.com/html/@B5A089E4D43239236FCE70D92814096D/assets/_core.global.min.js" type="text/javascript"></script> <script src="https://community.hubspot.com/html/@F771820AC374A1A1436A3D822BE61093/assets/_cmp.min.js" type="text/javascript"></script> <link rel="icon" href="https://community.hubspot.com/html/@46292D292824DF071B6641C2DA6FDD8E/assets/favicon.png">  <meta class="swiftype" name="doc-type" data-type="string" content="Community"> <script data-external-hs-domain="true" data-gtm-id="GTM-M3KWR2J" src="https://www.hubspot.com/wt-assets/static-files/compliance/index.js" defer nonce></script> <script type="text/javascript" src="/t5/scripts/A8A4D60844A7A24245ECDC960EA81DEE/lia-scripts-head-min.js"></script><script language="javascript" type="text/javascript">  </script><script type="text/javascript" src="/t5/scripts/D60EB96AE5FF670ED274F16ABB044ABD/lia-scripts-head-min.js"></script></head> <body class="lia-user-status-anonymous CategoryPage lia-body" id="lia-body"> <div id="F2C-194-3" class="ServiceNodeInfoHeader"> </div> <div class="lia-page"> <center> <noscript class=" " id="hubspot" data-page="CategoryPage" data-style="none" data-rootid="hubspot_community_en" data-roottype="category" data-topid="hubspot_community_en" data-nodeid="sales" data-nodetype="category" data-nodelang="en" data-userlang="en" data-skin="hubspot"> <p>JavaScript must be installed and enabled to use these boards.<p> Your browser appears to have JavaScript disabled or does not support JavaScript. Please refer to your browser's help file to determine how to enable JavaScript.</p> </noscript> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="i:hubspot" viewBox="0 0 32 32"> <path d="M23.7 10.92V7.36a2.74 2.74 0 0 0 1.59-2.48V4.8a2.75 2.75 0 0 0-2.74-2.74h-.08a2.75 2.75 0 0 0-2.74 2.74v.08c0 1.1.64 2.03 1.56 2.47h.02v3.57a7.7 7.7 0 0 0-3.71 1.64l.01-.01-9.78-7.62a3.12 3.12 0 1 0-1.45 1.9h-.01l9.62 7.49a7.75 7.75 0 0 0 .14 8.81l-.02-.03-2.93 2.94a2.54 2.54 0 1 0 1.81 2.43c0-.27-.04-.52-.12-.75v.01l2.9-2.9a7.8 7.8 0 1 0 5.98-13.91h-.04zm-1.2 11.72a3.55 3.55 0 1 1 .01 0z" /> </symbol> <symbol id="i:link" viewBox="0 0 20 20"> <path d="M7.859 14.691l-0.81 0.805c-0.701 0.695-1.843 0.695-2.545 0-0.336-0.334-0.521-0.779-0.521-1.252s0.186-0.916 0.521-1.252l2.98-2.955c0.617-0.613 1.779-1.515 2.626-0.675 0.389 0.386 1.016 0.384 1.403-0.005 0.385-0.389 0.383-1.017-0.006-1.402-1.438-1.428-3.566-1.164-5.419 0.675l-2.98 2.956c-0.715 0.709-1.108 1.654-1.108 2.658 0 1.006 0.394 1.949 1.108 2.658 0.736 0.73 1.702 1.096 2.669 1.096s1.934-0.365 2.669-1.096l0.811-0.805c0.389-0.385 0.391-1.012 0.005-1.4s-1.014-0.39-1.403-0.006zM16.891 3.207c-1.547-1.534-3.709-1.617-5.139-0.197l-1.009 1.002c-0.389 0.386-0.392 1.013-0.006 1.401 0.386 0.389 1.013 0.391 1.402 0.005l1.010-1.001c0.74-0.736 1.711-0.431 2.346 0.197 0.336 0.335 0.522 0.779 0.522 1.252s-0.186 0.917-0.522 1.251l-3.18 3.154c-1.454 1.441-2.136 0.766-2.427 0.477-0.389-0.386-1.016-0.383-1.401 0.005s-0.384 1.017 0.005 1.401c0.668 0.662 1.43 0.99 2.228 0.99 0.977 0 2.010-0.492 2.993-1.467l3.18-3.153c0.712-0.71 1.107-1.654 1.107-2.658s-0.395-1.949-1.109-2.659z"></path> </symbol> <symbol id="i:linkedin" viewBox="0 0 20 20"> <path d="M10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6-4.298-9.6-9.6-9.6zM7.65 13.979h-1.944v-6.256h1.944v6.256zM6.666 6.955c-0.614 0-1.011-0.435-1.011-0.973 0-0.549 0.409-0.971 1.036-0.971s1.011 0.422 1.023 0.971c0 0.538-0.396 0.973-1.048 0.973zM14.75 13.979h-1.944v-3.467c0-0.807-0.282-1.355-0.985-1.355-0.537 0-0.856 0.371-0.997 0.728-0.052 0.127-0.065 0.307-0.065 0.486v3.607h-1.945v-4.26c0-0.781-0.025-1.434-0.051-1.996h1.689l0.089 0.869h0.039c0.256-0.408 0.883-1.010 1.932-1.010 1.279 0 2.238 0.857 2.238 2.699v3.699z"></path> </symbol> <symbol id="i:xcom" viewBox="0 0 32 32"> <path d="M24.325 3h4.411l-9.636 11.013 11.336 14.987h-8.876l-6.952-9.089-7.955 9.089h-4.413l10.307-11.78-10.875-14.22h9.101l6.284 8.308zM22.777 26.36h2.444l-15.776-20.859h-2.623z"></path> </symbol> <symbol id="i:connectcom" viewBox="0 0 24 24"> <path fill="#192733" style="fill: var(--color1, #192733)" d="M17.585 5.753c-1.941 0-3.675 0.886-4.822 2.273l0.005 0.005c-0.025 0.030-0.052 0.060-0.075 0.092l-3.988 5.512c-0.608 0.75-1.335 1.171-2.291 1.171-1.549 0-2.806-1.258-2.806-2.806s1.258-2.806 2.806-2.806c1.082 0 1.953 0.603 2.519 1.492l2.261-2.712c-1.146-1.36-2.861-2.221-4.78-2.221-3.452 0.003-6.248 2.799-6.248 6.248s2.797 6.248 6.248 6.248c1.941 0 3.675-0.886 4.822-2.273l-0.005-0.005c0.067-0.067 0.132-0.136 0.189-0.216l4.023-5.559c0.579-0.642 1.263-1 2.142-1 1.549 0 2.806 1.258 2.806 2.806s-1.258 2.806-2.806 2.806c-1.082 0-1.953-0.603-2.519-1.492l-2.261 2.712c1.146 1.36 2.861 2.221 4.78 2.221 3.452 0 6.248-2.797 6.248-6.248s-2.797-6.248-6.248-6.248z"></path> <path fill="#ff5c35" style="fill: var(--color2, #ff5c35)" d="M17.585 10.15c-0.747 0-1.389 0.446-1.682 1.085h-7.737c-0.293-0.64-0.935-1.085-1.682-1.085-1.020 0-1.849 0.829-1.849 1.849s0.829 1.849 1.849 1.849c0.747 0 1.389-0.446 1.682-1.085h7.737c0.293 0.64 0.935 1.085 1.682 1.085 1.020 0 1.849-0.829 1.849-1.849s-0.829-1.849-1.849-1.849z"></path> </symbol> <symbol id="i:globe" viewBox="0 0 24 24"> <path d="M16.951 11c-0.214-2.69-1.102-5.353-2.674-7.71 1.57 0.409 2.973 1.232 4.087 2.346 1.408 1.408 2.351 3.278 2.581 5.364zM14.279 20.709c1.483-2.226 2.437-4.853 2.669-7.709h3.997c-0.23 2.086-1.173 3.956-2.581 5.364-1.113 1.113-2.516 1.936-4.085 2.345zM7.049 13c0.214 2.69 1.102 5.353 2.674 7.71-1.57-0.409-2.973-1.232-4.087-2.346-1.408-1.408-2.351-3.278-2.581-5.364zM9.721 3.291c-1.482 2.226-2.436 4.853-2.669 7.709h-3.997c0.23-2.086 1.173-3.956 2.581-5.364 1.114-1.113 2.516-1.936 4.085-2.345zM12.004 1c0 0 0 0 0 0-3.044 0.001-5.794 1.233-7.782 3.222-1.99 1.989-3.222 4.741-3.222 7.778s1.232 5.789 3.222 7.778c1.988 1.989 4.738 3.221 7.774 3.222 0 0 0 0 0 0 3.044-0.001 5.793-1.233 7.782-3.222 1.99-1.989 3.222-4.741 3.222-7.778s-1.232-5.789-3.222-7.778c-1.988-1.989-4.738-3.221-7.774-3.222zM14.946 13c-0.252 2.788-1.316 5.36-2.945 7.451-1.729-2.221-2.706-4.818-2.945-7.451zM11.999 3.549c1.729 2.221 2.706 4.818 2.945 7.451h-5.89c0.252-2.788 1.316-5.36 2.945-7.451z"></path> </symbol> </defs> </svg> <style class="core-cmp-icons/core" type="text/css"> .i { display: inline-block; fill: currentColor; height: 1rem; width: 1rem; stroke-width: 0; stroke: currentColor; } /* Single-colored icons can be modified like so but this usually happens directly where they are used: */ /* .i\:<name> { font-size: 32px; color: red; } */ </style> <style class="cmp-global-styles/core" type="text/css"> /** /* TODO: Potentially move to skin or leave here? Might be easier to find changes done by us this way? /*/ /* Center category banner card icons (often the HTMl is CC23 based), for example Advocacy */ #lia-body .custom-home-banner-section__cards .card-item__icon { align-self: center; } /* Fix unstyled layout for NotifyModeratorPage quilt */ .lia-quilt-notify-moderator-page > .lia-quilt-row-header .lia-page-header, .lia-quilt-notify-moderator-page > .lia-quilt-row-main { margin: 0 auto; max-width: 1236px; padding-left: 15px; padding-right: 15px; } /* KBCOM-2818: Add node description the hacky way */ .CategoryPage .custom-v2-banner__wrapper .page-title-wrapper:after, .ForumPage .custom-v2-banner__wrapper .page-title-wrapper:after, .GroupHubPage .custom-v2-banner__wrapper .page-title-wrapper:after { content: "Need help using HubSpot's Sales software? Post your questions here and a community member will be happy to help."; display: block; margin-bottom: -24px; } /* KBCOM-2802: Fix BlogDashboardPage filter alignment issue */ .BlogDashboardPage .dashboard-wrapper { margin: 0 auto; max-width: 1236px; } .BlogDashboardPage .dashboard-wrapper .lia-node-selector-dropdown { left: auto !important; right: 0; } .BlogDashboardPage .dashboard-wrapper .lia-component-blog-dashboard-tabs ul.lia-tabs-standard, .BlogDashboardPage .dashboard-wrapper .lia-component-blog-widget-dashboard-tabs ul.lia-tabs-standard { padding-left: 0 !important; } /* KBCOM-2831: Remove advanced search options toggle on SearchPage */ .SearchPage .lia-advanced-search-toggle { display: none; } /* re-css cloaking class to hide components relying on dynamically generated classes to only show when they are ready */ [un-cloak] { display: none; } /** /* Custom styles for core feedback elements. Those are usually only used to provide info and hints /* to priviledged roles when issues occur within custom components, so they are not part of the /* regular community theme. /*/ .admininfo { --b-radius: 3px; --H: 0; --S: 0%; --L: 41%; --A: 1; background: hsla(var(--H), var(--S), var(--L), var(--A)); border-radius: var(--b-radius); color: white; display: flex; align-items: center; gap: 24px; /*filter: grayscale(1);*/ font-size: 12px; line-height: 1.25; margin: 24px 0; padding: 24px; transition: all 236ms ease; } .admininfo .checkmark { display: none; } .admininfo__title { display: block; font-weight: bold; font-size: 125%; } .admininfo code { background: white; border-radius: var(--b-radius); color: hsla(var(--H), var(--S), var(--L), 1); display: inline-block; font-size: 90%; font-weight: bold; padding: 2px 4px; } .admininfo a { color: white; display: inline-block; position: relative; } .admininfo a:hover, .admininfo a:focus { text-decoration: none; } .admininfo a:before, .admininfo a:after { border-bottom: 1px dotted white; content: ''; position: absolute; left: 0; right: 0; bottom: -1px; transition: all 382ms ease; } .admininfo a:after { border-bottom: 1px solid white; max-width: 0; width: 0; right: auto; } .admininfo a:hover:after, .admininfo a:focus:after { max-width: 100%; width: 1200px; } .admininfo a:active:after { transform: scaleX(1.0618); } .admininfo.is--error { --S: 100%; --L: 41%; background: hsla(var(--H), var(--S), var(--L), var(--A)); filter: grayscale(0); } .admininfo.is--error .checkmark { display: block; } .admininfo.is--error code { background: #ff4444; color: white; } .admininfo.is--success { --H: 135; --S: 100%; background: hsla(var(--H), var(--S), var(--L), var(--A)); filter: grayscale(0); } .admininfo.is--success code { background: #00c851; color: white; } .checkmark { flex-shrink: 0; /* prevents shrinking under 48px! */ min-width: 48px; width: 48px; height: 48px; border-radius: 50%; display: block; stroke-width: 3px; stroke: white; stroke-miterlimit: 10; } .checkmark_circle_error { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 5px; stroke-miterlimit: 10; stroke: #ff4444; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark.error { box-shadow: inset 0px 0px 0px #ff4444; animation: fillerror 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } .checkmark_check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.9s forwards; } .progress { position: absolute; top: 5%; left: 5%; stroke: black; transform: rotate(-90deg); } .progress.progress--thin { left: auto; right: 5%; } .progress circle { stroke-dasharray: 130; stroke-dashoffset: 130; animation: dash 1.5s infinite; } @keyframes dash { 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -130; } } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fillerror { 100% { box-shadow: inset 0px 0px 0px 75px #ff4444; } } </style><style class="cmp-global-search-external/core" type="text/css"> @media (min-width: 799px) { .lia-search-input-message + .lia-autocomplete-container { width: 200% !important; max-width: 768px !important; } } .lia-search-input-message + .lia-autocomplete-container .lia-autocomplete-content { display: flex; margin: 0; } @media (max-width: 799px) { .mobile-header form.SerachForm [name="messageSearchField"] + .lia-autocomplete-container > ul:first-of-type { max-height: 210px !important; } /*.mobile-header form.SerachForm [name="messageSearchField"] + .lia-autocomplete-container .collapse-results.fa-chevron-down + ul { max-height: 36px !important; overflow: hidden !important; }*/ .lia-search-input-message + .lia-autocomplete-container .lia-autocomplete-content { flex-direction: column; } } .lia-search-input-message + .lia-autocomplete-container .lia-autocomplete-content>ul>li { padding: 8px 15px 8px 15px; } /* default tag styles */ .SearchPage .search-external-link:after, .is--tag { background-color: var(--color-calypso-light); border: 1px solid transparent; border-radius: 2px; color: var(--color-link-hover); display: inline-block; font-size: 12px; font-weight: 600; line-height: 22px; padding: 0 8px; position: relative; vertical-align: baseline; } .SearchPage .search-external-link:after { line-height: 16px; margin-left: 6px; } /* Override styles form the native Khoros skin... */ .SearchPage .lia-tabs-standard .lia-tabs:first-child { padding-left: 0; } .SearchPage .lia-tabs-standard-wrapper>.lia-tabs-standard { padding: 0 15px !important; /* This one is especially stubborn for some reason I can't explain! */ } </style> <script> // glowingblue: really? xhr.open()? when 5 lines up you were aware you have jQuery? oh boy... function followunfollow(id,value,currentUser,top){ const xhttp = new XMLHttpRequest(); xhttp.onload = function() { if (value=='Unfollow') { document.getElementById("tunfollow-"+id+"").style.display = 'none'; document.getElementById("tfollow-"+id+"").style.display = 'flex'; } if (value=='follow') { document.getElementById("tunfollow-"+id+"").style.display = 'flex'; document.getElementById("tfollow-"+id+"").style.display = 'none'; } } xhttp.open("GET", "/plugins/custom/hubspot/hubspot/follow-unfollow-hover-card-button?id="+id+"&val="+value+"&currentUser="+currentUser+"",true);xhttp.send(); } </script> <div class="MinimumWidthContainer"> <div class="min-width-wrapper"> <div class="min-width"> <div class="lia-content"> <div class="lia-browser-support-alert"> <div class="lia-browser-support-alert-text"> We no longer support Internet Explorer v10 and older, or you have compatibility view enabled. Disable Compatibility view, upgrade to a newer version, or use a different browser. </div> <div class="lia-browser-support-alert-close"> <a class="lia-link-navigation lia-link-ticket-post-action" data-lia-action-token="jstLdJiNnlHQCs2fIotj8mh2ILavxflcXSKdA8FLQUU." rel="nofollow" id="dismissAlert" href="https://community.hubspot.com/t5/community/categorypage.liabase.basebody.browsersupportalert.dismissalert:dismissalert?t:ac=category-id/sales"><span class="lia-img-close-small lia-fa-close lia-fa-small lia-fa" title="Dismiss this alert" alt="Dismiss this alert" aria-label="Dismiss this alert" role="img" id="display"></span></a> </div> </div> <div class="lia-quilt lia-quilt-category-page-template-crm lia-quilt-layout-two-column-main-side lia-top-quilt"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-header lia-quilt-layout-one-column lia-component-quilt-header"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single">  <style> #lia-body .mobile-header .navbar .menu .menu-item.active.has-collapsible .menu-child{ display: flex; flex-direction: column; } .jp-resources-list{ display:flex; flex-direction:column; } .jp-resources-list>li.menu-child-item.jp-class-HubSpot.Community.Blog{ order:1; } .header-dropdown-menu .lia-header-nav-component-widget .private-notes-link:before { content: "Message"; } #lia-body .mobile-header .navbar .menu-wrapper.offcanvas::before {width: 0px;} .profile-menu-dropdown{display: none !important;} .pagination-recent-post.pagination a#jp-previous:after { content: "Prev"; } .pagination-recent-post.pagination a#jp-next:before { content: "Next"; } #lia-body .MessageView.lia-message-view-idea-message-item .lia-quilt-idea-message-item .lia-message-footer-action .lia-link-navigation.lia-message-comment-post:after { content: "0 Comment"; } </style> <div class="header mobile-header"> <nav class="navbar"> <span class="open-menu"> <img src="https://community.hubspot.com/html/@3A38E73C772F7CCD402C2EC02A244F14/assets/Hamburger-Nav.svg"> </span> <span class="hubspot-mobile-logo-wrapper"> <a href="/"> <img src="https://community.hubspot.com/html/@813D252A70F0A7024C8EA3BB1B8B9CFD/assets/sticky-logo.png"> </a> </span> <div class="menu-wrapper"> <div class="menu-block"> <span class="close-menu"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> <path fill="#252a32" fill-rule="evenodd" d="M17.778.808l1.414 1.414L11.414 10l7.778 7.778-1.414 1.414L10 11.414l-7.778 7.778-1.414-1.414L8.586 10 .808 2.222 2.222.808 10 8.586 17.778.808z" /> </svg> </span> </div> <ul class="menu"> <li class="menu-item has-collapsible"> <a><span></span>Discussions</a> <ul class="menu-child"> <li class="menu-child-item"> <a href="/t5/CRM-Sales-Hub/ct-p/sales" class="nav-dropdown-link nav-discussions-crm"> CRM & Sales </a> </li> <li class="menu-child-item"> <a href="/t5/Marketing-Hub/ct-p/marketing" class="nav-dropdown-link nav-discussions-mktg"> Marketing & Content </a> </li> <li class="menu-child-item"> <a href="/t5/Service-Hub/ct-p/service_hub" class="nav-dropdown-link nav-discussions-svc"> Customer Success & Service </a> </li> <li class="menu-child-item"> <a href="/t5/Operations/ct-p/Operations" class="nav-dropdown-link nav-discussions-ops"> RevOps & Operations </a> </li> <li class="menu-child-item"> <a href="/t5/Commerce/ct-p/commerce" class="nav-dropdown-link nav-discussions-commerce "> Commerce </a> </li> <li class="menu-child-item"> <a href="/t5/HubSpot-Developers/ct-p/developers" class="nav-dropdown-link nav-discussions-developers "> Developers </a> </li> <li class="menu-child-item"> <a href="https://community.hubspot.com/t5/Getting-Started-on-the-Community/How-to-join-the-Solutions-Partner-Program/ba-p/400205" class="nav-dropdown-link nav-partners "> Partners </a> </li> <li class="menu-child-item"> <a href="/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas" class="nav-dropdown-link nav-discussions-ideas"> Ideas </a> </li> </ul> </li> <li class="menu-item has-collapsible"> <a><span></span>Academy</a> <ul class="menu-child"> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/courses" class="nav-dropdown-link nav-external-link" target="_blank"> Courses </a> </li> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/certification-overview" class="nav-dropdown-link nav-external-link" target="_blank"> Certifications </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/academy/bootcamps/home" class="nav-dropdown-link nav-external-link" target="_blank"> Bootcamps </a> </li> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/learning-paths" class="nav-dropdown-link nav-external-link " target="_blank"> Learning Paths </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/HubSpot-Academy-Support/bd-p/certifications_help" class="nav-dropdown-link"> Academy Support </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Study-Groups/ct-p/study-groups" class="nav-dropdown-link"> Study Groups </a> </li> </ul> </li> <li class="menu-item has-collapsible"> <a><span></span>Resources</a> <ul class="menu-child jp-resources-list"> <li class="menu-child-item "> <a href="/t5/Getting-Started/ct-p/getting_started" class="nav-dropdown-link nav-discussions-gs"> Getting Started </a> </li> <li class="nav-dropdown-item"> <a href="https://help.hubspot.com/" class="nav-dropdown-link nav-external-link" target="_blank"> Help Center </a> </li> <li class="nav-dropdown-item"> <a href="https://knowledge.hubspot.com/" class="nav-dropdown-link nav-external-link" target="_blank"> Knowledge Base </a> </li> <li class="nav-dropdown-item"> <a href="https://developers.hubspot.com/docs/api/overview" class="nav-dropdown-link nav-external-link" target="_blank"> API Documentation </a> </li> <li class="nav-dropdown-item"> <a href="https://developers.hubspot.com/docs/cms" class="nav-dropdown-link nav-external-link" target="_blank"> CMS Documentation </a> </li> <li class="menu-child-item "> <a href="/t5/News-Networking-Events/ct-p/communityboard" class="nav-dropdown-link nav-news"> News </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=webinars&order_by=last_updated" class="nav-dropdown-link nav-resource-blog-Webinars "> Webinars </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=releases-updates" class="nav-dropdown-link nav-resource-blog-Releases and Updates "> Releases and Updates </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=hubspot-community-blog" class="nav-dropdown-link nav-resource-blog-HubSpot Community Blog "> Community Blog </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=sales-hub-community-perspectives" class="nav-dropdown-link nav-resource-blog-Sales Hub Community Perspectives "> Sales Hub Community Perspectives </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=workflows_library" class="nav-dropdown-link nav-resource-blog-Workflows Library "> Workflows Library </a> </li> <li class="menu-child-item "> <a href="/t5/Resources/ct-p/resources?node_id=ai-library" class="nav-dropdown-link nav-resource-blog-Breeze Library "> Breeze Library </a> </li> </ul> </li> <li class="menu-item has-collapsible"> <a href="#"><span></span>Events</a> <ul class="menu-child"> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Ask-Me-Anything-and-Panel/bd-p/ama_discussions" class="nav-dropdown-link "> AMA </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Community-Led-Events/bd-p/adapt" class="nav-dropdown-link "> Community Led Events </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/resources/webinar" class="nav-dropdown-link nav-external-link " target="_blank"> Webinars </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/hubspot-user-groups" class="nav-dropdown-link nav-external-link " target="_blank"> HUGS </a> </li> </ul> </li> <li class="menu-item has-collapsible"> <a><span></span>Advocacy</a> <ul class="menu-child"> <li class="menu-child-item"> <a href='/t5/Advocacy/ct-p/advocacy' class="nav-dropdown-link nav-hubFans-program "> Community Champions Program </a> </li> <li class="menu-child-item"> <a href="/t5/Advocates-Blog/bg-p/advocates-blog" class="nav-dropdown-link nav-adovcates-blog "> Champions Blog </a> </li> </ul> </li> </ul> <div class="lang-picker-wrapper"> <div class="lang-picker-container"> <a id="current-language" class="current-language"> <span class="lang-picker-globe-icon"></span> English </a> <div id="lang-picker-global" class="nav-popover lang-picker"> <div class="nav-popover-arrow" style="border-top-color: transparent; border-left-color: transparent; width: 20px; height: 20px; transform: rotate(-135deg); top: -10px; right: calc(50% - 48px);"></div> <ul id="lang-picker-dropdown" class="nav-dropdown-list"> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=en" class="nav-dropdown-link" data-lang="en"> <li class="nav-dropdown-item"> English </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=es" class="nav-dropdown-link" data-lang="es"> <li class="nav-dropdown-item"> Español </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=pt-br" class="nav-dropdown-link" data-lang="pt-br"> <li class="nav-dropdown-item"> Português </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=fr" class="nav-dropdown-link" data-lang="fr"> <li class="nav-dropdown-item"> Français </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=de" class="nav-dropdown-link" data-lang="de"> <li class="nav-dropdown-item"> Deutsch </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=ja" class="nav-dropdown-link" data-lang="ja"> <li class="nav-dropdown-item"> 日本語 </li> </a> </ul> </div> </div></div> </div> <div class="header-right-col"> <div class="search_icon" onclick="myFunction()"> <img src="/html/assets/search-icon-grey.svg?version=preview" alt=""> </div> <div class="wrapper-search" style="display:none"> <div id='lia-searchformV32_235c7710a1baf5' class='SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7710a1baf5'></div> </div> <div id='searchautocompletetoggle_235c7710a1baf5'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7710a1baf5_0'></div> </div> <form enctype='multipart/form-data' class='lia-form lia-form-inline SearchForm' action='https://community.hubspot.com/t5/community/categorypage.searchformv32.form.form' method='post' id='form_235c7710a1baf5' name='form_235c7710a1baf5'><div class='t-invisible'><input value='category-id/sales' name='t:ac' type='hidden'></input><input value='search/contributions/page' name='t:cp' type='hidden'></input><input value='8GhVdyo9V6eEvJ1XDH-3fqFt4ztt2V5dZ92k7ROityzVBMQOQPyvkbog2-7MMqRbemmoc5lXk--MlOuxxEn8CUsXyQXv4YSoYGmqtNalITCqOsozIxWrLqoiH7tCBLwus9jwca5txc2K5Qd1xB8HiyF8V7glKXzmeLqGa3nnLBWYXFZEod3tuaXLZIZlsPFAvVVfZ-qzqlePt25biOqqJORkrgfuoVjctqwYj__Jz8Y0xnQITa5oMn8980bkzVrAq-L6UelMI713lypvyhGCr4F-XRM0e1WPZM9gZQVI6oN0Yb2HkVywsEUSJ9n02OBjhkDewAk-B532F32sqCVcx2Q3uhjocCaQENVUTZdE0L8JEX1TdlDA350eVsNt47bD34dDby8hFzjKL8K0TQZVHfB00SUb0K0Va638Ph2nPY5u2mPfuWgztz9M5ZwZA5dnhupyidaIu5LAiiBxGv1dJ_lwG46PkW9okwhlSU7o4tym2SAfclbndQuFF26AeF0nG1CC0FA7ePg23yNhMKJcJiNudpgaNW65it6WlepqGGvMPPec5PEmNKMbl_nEwPDuCoAShH7VeC9rc47fNg5zcx4QDFtfwMHBZtWvvSSMjMsjPv8xbIcRRERSTZM1OEEqp_VM0oeU8-5xqtBrkuq4ybgvFJAzypfRVGrcx6xYAPqMW_CiV--hosrVaIMEqqZsBtR57uMW1QzUflALPygyvUlYEojkpspKk0dEjfPFr20g36hYNWwe4i_TUcNX_Cx8Jr_CYnj4MmM5eocNhHCtwVTEsajWEq0jkFhXHOrREvt4MqFoQuvwxR2Hd9XGUItF_eio6Wv6BMbXOlJ9FQUdh40OCMt_8dd7k9ZGoj9lfaxGUbrnX8GLe0ex2hlQcjXQFDif20KPCApi9nIQNOQLCuAWZGISP9jWE4woq-_XJD7gjnBgQkVY9HlYDbNvLveUTDzpoFYpsLU2Uart9EK9v0NC3xM3vVvFq8kJOp7DjC1E4Y6tWK7E9dKplTabHrqv7WvNR6qlOOW9IsRA-aHnrdngyHQaatU2gh074BXUuyKC-YKU1mtzFHYqCkM5pHle1QnzOWjTvi3mj_XmoGyEA6Q2B0x2y_OK1_FIN-Hq21Wp6DMy6KI5UG4mrLskIhwkf3fspKGtC8ZuSq52Swhw0ceKVe6HCidln-k8f9ukNTI.' name='lia-form-context' type='hidden'></input><input value='CategoryPage:category-id/sales:searchformv32.form:' name='liaFormContentKey' type='hidden'></input><input value='yDZKQFNI0U/sd9X4pbUemqvQQZw=:H4sIAAAAAAAAALWSzUrDQBSFr4Wuigiib6DbiajdqAhFUISqweBaZibTNJpk4sxNEzc+ik8gvkQX7nwHH8CtKxfmzxJbwaTUVZhzw/nOmblP79COD+FAC6r40OAyQOWyCF0ZaMOkjtgrJgOp/NHONtER810sP9nfIkGtoCuVQ2hI+VAQpKHQqO67hEslPJcRRrUgPZaKlOOxKzx7wxIYhZtX487b+stnC5b60MnZ0junvkBY7d/QETU8GjiGlUYKnP0kRFguwEcFeAHBe02Dm0pyobWV+Wid0sbP9u7g4/G1BZCE8QWc1U3kpzapWoqZ+S+SvoMHgPQ+ypGVj/IoC2dlqHZ8CWZdV7xljUqszZa43voPYNHkFE7qGkdaqKrl1Pm7wEqmV59gcYjGkQOJP25h6jyJnOlzRv4DUURusIWhknbEsWo5K002vhzNufG1WHmDLwdzh8gDBQAA' name='t:formdata' type='hidden'></input></div> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='feedback_235c7710a1baf5'></div> </div> <input value='69_1klAGwlms-g6-h-sgyTof-kIgBDmO9VDTrqyaNo0.' name='lia-action-token' type='hidden'></input> <input value='form_235c7710a1baf5' id='form_UIDform_235c7710a1baf5' name='form_UID' type='hidden'></input> <input value='' id='form_instance_keyform_235c7710a1baf5' name='form_instance_key' type='hidden'></input> <span class='lia-search-input-wrapper'> <span class='lia-search-input-field'> <span class='lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action'><input value='searchForm' name='submitContextX' type='hidden'></input><input class='lia-button lia-button-secondary lia-button-searchForm-action' value='Search' id='submitContext_235c7710a1baf5' name='submitContext' type='submit'></input></span> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-message' value='' id='messageSearchField_235c7710a1baf5_0' name='messageSearchField' type='text'></input> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden' value='' id='messageSearchField_235c7710a1baf5_1' name='messageSearchField_0' type='text'></input> <input ng-non-bindable='' title='Enter a user name or rank' class='lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a user name or rank' value='' id='userSearchField_235c7710a1baf5' name='userSearchField' type='text'></input> <input placeholder='Enter a keyword to search within the private messages' title='Enter a search word' class='lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='noteSearchField_235c7710a1baf5_0' name='noteSearchField' type='text'></input> <input title='Enter a search word' class='lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='productSearchField_235c7710a1baf5' name='productSearchField' type='text'></input> <input class='lia-as-search-action-id' name='as-search-action-id' type='hidden'></input> </span> </span> <span class='lia-cancel-search'>cancel</span> </form> <div class='search-autocomplete-toggle-link lia-js-hidden'> <span> <a class='lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete' data-lia-action-token='-gmMQ4NQ15_ZZoNw4b6rr4a_IlQnliKDi3nZo0Prjjg.' rel='nofollow' id='enableAutoComplete_235c7710a1baf5' href='https://community.hubspot.com/t5/community/categorypage.enableautocomplete:enableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions'>Turn on suggestions</a> <span class='HelpIcon'> <a class='lia-link-navigation help-icon lia-tooltip-trigger' role='button' aria-label='Help Icon' id='link_235c7710a1baf5' href='#'><span class='lia-img-icon-help lia-fa-icon lia-fa-help lia-fa' alt='Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.' aria-label='Help Icon' role='img' id='display_235c7710a1baf5'></span></a><div role='alertdialog' class='lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper' id='link_235c7710a1baf5_0-tooltip-element'><div class='lia-tooltip-arrow'></div><div class='lia-panel-tooltip'><div class='content'>Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class='spell-check-showing-result'> Showing results for <span class='lia-link-navigation show-results-for-link lia-link-disabled' aria-disabled='true' id='showingResult_235c7710a1baf5'></span> </div> <div> <span class='spell-check-search-instead'> Search instead for <a class='lia-link-navigation search-instead-for-link' rel='nofollow' id='searchInstead_235c7710a1baf5' href='#'></a> </span> </div> <div class='spell-check-do-you-mean lia-component-search-widget-spellcheck'> Did you mean: <a class='lia-link-navigation do-you-mean-link' rel='nofollow' id='doYouMean_235c7710a1baf5' href='#'></a> </div> </div> </div> <script> function myFunction() { var x = document.getElementsByClassName("wrapper-search")[0]; if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script><div class="search-icon-plus-top"> <button class="lia-button search-toggle-action-icon-plus"><img src='https://community.hubspot.com/html/@5320E40129AA1377479EABCA2009B53A/assets/Start-dicsucssion.svg' alt=""><i class="lia-fa lia-fa-caret-down"></i></button> <div class="plus-bar-main-content" style="display: none;"> <ul id="plus-bar-top-main"> <li class="plus-bar"> <a href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2Fforums%2Fpostpage%2Fcategory-id%2Fhubspot_community_en%2Fchoose-node%2Ftrue" class="white-btn transpaent"><i><img src="https://community.hubspot.com/html/@38F5B2AB35958F39F47C2BFFE5486135/assets/Edit.svg"></i> Create post</a> </li> <li class="plus-bar"><a href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2Fforums%2Fpostpage%2Fboard-id%2FHubSpot_Ideas"><i><img src="https://community.hubspot.com/html/@C71A42AEB76B8A3A82335DA9F5B9C717/assets/lightbulb.svg"></i> Submit Idea</a></li> </ul> </div> </div> <div class="login-container"> <a class='lia-link-navigation login-link lia-authentication-link lia-component-users-action-login' rel='nofollow' id='loginPageV2_235c77119c1ae3' href='https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FCRM-Sales-Hub%2Fct-p%2Fsales'>Log in</a> </div> </div> </nav> </div> <script> const openMenu = document.querySelector(".open-menu"); const closeMenu = document.querySelector(".close-menu"); const menuWrapper = document.querySelector(".menu-wrapper"); const hasCollapsible = document.querySelectorAll(".has-collapsible"); // Sidenav Toggle openMenu.addEventListener("click", function () { menuWrapper.classList.add("offcanvas"); }); closeMenu.addEventListener("click", function () { menuWrapper.classList.remove("offcanvas"); }); // Collapsible Menu hasCollapsible.forEach(function (collapsible) { collapsible.addEventListener("click", function () { collapsible.classList.toggle("active"); // Close Other Collapsible hasCollapsible.forEach(function (otherCollapsible) { if (otherCollapsible !== collapsible) { otherCollapsible.classList.remove("active"); } }); }); }); </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <script> // Inline click listeners function getHubSpotClickListener(btnId) { if(btnId == "get-hubspot-free-v2"){ if (document.getElementById('get-hubspot-v2')) { document.getElementById('get-hubspot-v2').classList.toggle("show"); } } } function langPickerClickListener() { if (document.getElementById('lang-picker-global')) { document.getElementById('lang-picker-global').classList.toggle("show"); } } </script> <style> /* Text customization for CSS generated content */ .lia-list-row-thread-solved:after { content: "Solved"!important; text-transform: uppercase; } .SearchPage .lia-replies-toggle-link:before { content: "Replies"!important; } label.lia-form-label:after { // content: "(required)"; margin-left: 4px; } .lia-form-board-entry label.lia-form-label:after, .lia-form-subject-entry label.lia-form-label:after, .lia-form-body-entry label.lia-form-label:after, .lia-form-labels-entry label.lia-form-label:after { content: "(required)"; } .lia-form-login-entry .lia-form-input-wrapper:before { content: "Username*"!important; } .lia-form-profile-first-name-entry:before { content: "First name*"!important; } .lia-form-profile-last-name-entry:before { content: "Last name*"!important; } .lia-note-unread:after { content: "Unread"; text-transform: uppercase; } .EditPage label.lia-form-label:after, .EditPage .lia-form-label.lia-fieldset-title:after, .EditPage .lia-component-tkb-article-editor-form .lia-form-label.lia-form-compare-title:after, .lia-component-tkb-article-editor-form .EditPage .lia-form-label.lia-form-compare-title:after, .EditPage .lia-component-tkb-article-editor-form .lia-form-label.lia-revision-info-title:after, .lia-component-tkb-article-editor-form .EditPage .lia-form-label.lia-revision-info-title:after, .EditPage .lia-component-tkb-article-editor-form .lia-form-label.lia-related-messages-title:after, .lia-component-tkb-article-editor-form .EditPage .lia-form-label.lia-related-messages-title:after, .ReplyPage label.lia-form-label:after, .ReplyPage .lia-form-label.lia-fieldset-title:after, .ReplyPage .lia-component-tkb-article-editor-form .lia-form-label.lia-form-compare-title:after, .lia-component-tkb-article-editor-form .ReplyPage .lia-form-label.lia-form-compare-title:after, .ReplyPage .lia-component-tkb-article-editor-form .lia-form-label.lia-revision-info-title:after, .lia-component-tkb-article-editor-form .ReplyPage .lia-form-label.lia-revision-info-title:after, .ReplyPage .lia-component-tkb-article-editor-form .lia-form-label.lia-related-messages-title:after, .lia-component-tkb-article-editor-form .ReplyPage .lia-form-label.lia-related-messages-title:after, .PostPage label.lia-form-label:after, .PostPage .lia-form-label.lia-fieldset-title:after, .PostPage .lia-component-tkb-article-editor-form .lia-form-label.lia-form-compare-title:after, .lia-component-tkb-article-editor-form .PostPage .lia-form-label.lia-form-compare-title:after, .PostPage .lia-component-tkb-article-editor-form .lia-form-label.lia-revision-info-title:after, .lia-component-tkb-article-editor-form .PostPage .lia-form-label.lia-revision-info-title:after, .PostPage .lia-component-tkb-article-editor-form .lia-form-label.lia-related-messages-title:after, .lia-component-tkb-article-editor-form .PostPage .lia-form-label.lia-related-messages-title:after, .MyProfilePage label.lia-form-label:after, .MyProfilePage .lia-form-label.lia-fieldset-title:after, .MyProfilePage .lia-component-tkb-article-editor-form .lia-form-label.lia-form-compare-title:after, .lia-component-tkb-article-editor-form .MyProfilePage .lia-form-label.lia-form-compare-title:after, .MyProfilePage .lia-component-tkb-article-editor-form .lia-form-label.lia-revision-info-title:after, .lia-component-tkb-article-editor-form .MyProfilePage .lia-form-label.lia-revision-info-title:after, .MyProfilePage .lia-component-tkb-article-editor-form .lia-form-label.lia-related-messages-title:after, .lia-component-tkb-article-editor-form .MyProfilePage .lia-form-label.lia-related-messages-title:after, .KudosMessagePage label.lia-form-label:after, .KudosMessagePage .lia-form-label.lia-fieldset-title:after, .KudosMessagePage .lia-component-tkb-article-editor-form .lia-form-label.lia-form-compare-title:after, .lia-component-tkb-article-editor-form .KudosMessagePage .lia-form-label.lia-form-compare-title:after, .KudosMessagePage .lia-component-tkb-article-editor-form .lia-form-label.lia-revision-info-title:after, .lia-component-tkb-article-editor-form .KudosMessagePage .lia-form-label.lia-revision-info-title:after, .KudosMessagePage .lia-component-tkb-article-editor-form .lia-form-label.lia-related-messages-title:after, .lia-component-tkb-article-editor-form .KudosMessagePage .lia-form-label.lia-related-messages-title:after { // content: "(required)"; } .ForumPage span.in-english:after, .CategoryPage span.in-english:after { content: "EN"; } a.in-english:after { content: "EN"; } .nav-menu a.in-english:after { content: "EN"; } .header-search-wrapper{margin-right:5px;margin-top: 33px;} #lia-body .nav-wrapper .header-search-wrapper .lia-search-form-wrapper{position: relative;left: 0px;border:none;box-shadow:none;max-width: 460px;width: 100%;} #lia-body .nav-wrapper .header-search-wrapper .lia-button-searchForm-action{top:8px !important;position: absolute;right: 6px;min-width: auto !important; background-color: transparent !important;border: none !important;max-height: 18px !important; background-size:contain !important;background-image: url(/html/assets/search-icon.svg)} #lia-body .nav-wrapper .header-search-wrapper .search-input::-webkit-input-placeholder{font-size: 16px !important;} #lia-body .nav-wrapper .header-search-wrapper .search-input{height: 32px !important;padding: 10px !important;padding-right: 50px !important;border: 1px solid #CBD6E2 !important;box-shadow: none !important;background-color: white !important;font-size: 16px !important; border-radius: 3px !important;color: #33475B !important;line-height:24px !important;} #lia-body .header-search-wrapper .lia-search-input-wrapper {width: 460px !important;} #lia-body .nav-wrapper .header-search-wrapper .lia-search-input-wrapper input:focus {box-shadow: 0 0 4px 1px rgb(255 255 255 / 30%), 0 0 0 1px #fff!important;} .header-search-wrapper .lia-search-granularity-wrapper .lia-search-form-granularity{display:none !important;} .header-search-wrapper .lia-search-granularity-wrapper:before{display:none !important;} @media only screen and (max-width: 992px) { #lia-body .nav-wrapper .header-search-wrapper .lia-search-form-wrapper{z-index: 1;} } @media only screen and (max-width: 767px) { .user-nav-bar{ position: relative; height: 100%; } #lia-body .header-search-wrapper .lia-search-input-wrapper{ width: 100% !important; max-width: none;} #lia-body .nav-wrapper .header-search-wrapper .lia-search-form-wrapper{padding: 10px 24px !important; background: #fff;border: 1px solid #eee2e2;margin-left: 4px;max-width:none !important;width: 100%;} #lia-body .nav-wrapper .header-search-wrapper .lia-button-searchForm-action {right:20px;top:17px !important;} .header-search-wrapper{display:none; position: absolute; top: 121px; width: 100% !important;} #lia-body .nav-wrapper .header-search-wrapper .lia-search-input-message{ margin-right:-7px;} #lia-body .nav-wrapper .header-search-wrapper .lia-search-form-wrapper::before{position: absolute; top: -6px;content: "";right: 67px;width: 10px;height: 10px;background-color: white;transform: rotate(45deg);border-top: 1px solid #eee2e2; border-left: 1px solid #eee2e2;} } </style> <section class="community-header-nav v2"> <div class="nav-wrapper"> <div class="user-nav-bar"> <nav class="nav-menu template-centered template-section"> <div class="lang-picker-wrapper"> <div class="lang-picker-container"> <a id="current-language" class="current-language"> <span class="lang-picker-globe-icon"></span> English </a> <div id="lang-picker-global" class="nav-popover lang-picker"> <div class="nav-popover-arrow" style="border-top-color: transparent; border-left-color: transparent; width: 20px; height: 20px; transform: rotate(-135deg); top: -10px; right: calc(50% - 48px);"></div> <ul id="lang-picker-dropdown" class="nav-dropdown-list"> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=en" class="nav-dropdown-link" data-lang="en"> <li class="nav-dropdown-item"> English </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=es" class="nav-dropdown-link" data-lang="es"> <li class="nav-dropdown-item"> Español </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=pt-br" class="nav-dropdown-link" data-lang="pt-br"> <li class="nav-dropdown-item"> Português </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=fr" class="nav-dropdown-link" data-lang="fr"> <li class="nav-dropdown-item"> Français </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=de" class="nav-dropdown-link" data-lang="de"> <li class="nav-dropdown-item"> Deutsch </li> </a> <a href="https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales?profile.language=ja" class="nav-dropdown-link" data-lang="ja"> <li class="nav-dropdown-item"> 日本語 </li> </a> </ul> </div> </div></div> <div class="header-search-wrapper"> <div id='lia-searchformV32_235c7711ba536b' class='SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7711ba536b'></div> </div> <div id='searchautocompletetoggle_235c7711ba536b'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7711ba536b_0'></div> </div> <form enctype='multipart/form-data' class='lia-form lia-form-inline SearchForm' action='https://community.hubspot.com/t5/community/categorypage.searchformv32.form.form' method='post' id='form_235c7711ba536b' name='form_235c7711ba536b'><div class='t-invisible'><input value='category-id/sales' name='t:ac' type='hidden'></input><input value='search/contributions/page' name='t:cp' type='hidden'></input><input value='rIU8xfiDrGlrrUPhF4CJyTl8tsaRmPXj-PK33XNPBUwRUllSydXVT0Ee66NPFQMET_5yCVV2LmWL43FNUUahZGPK8hrCzQdo7IIiisRX-mJV7gFY_wG3iCtgOqb8b0-ZnZ9ZEoMIrlFj_Z-2Q-HiLHSOgo7zII9v8JoTA7DS-xmd9jLRcXzAJtMLUHuEI0-YFjKJzL3SsMCIfnlx8luUG-P9sgibsT25ozT-KFmsNHOWEcoaupds7-1uX2ytWSXwkpBfG3uXdYC5jQnzXmcMpHiC649GNSQ330Df9J2zLkvrP1GqBHcjcLRbgPIVaqSDFyApkRpHasnpoFuxvRN7mXasmfxD2uTdBi8T1QY3CSzur0tTbe648nEmDRhou-adZQ3-p76zk5ngzaYVCWDHX1IGCAJL5jqyYstAu3GPIFnd246RCgYFHpnhuu6zDInWsW04EBGRECafOLNC3ApdMsvl-VM0Z4eAitrgUSwAmiA_KGQ4D-xGA6MCbPFGBRYEPzgwHCdSHWh7nG-d9unsWrHciWvHE6xG-S0N5iZOEzPZremhQ-V--Af_YBtZIkyiZ2zkqBXtGNrq8ero0f4P5kEm90PwnBKeDwaM9brU7OvquHI1tStI-G5q9KkVMX436VIb3JKbiDib0IVWkDOutlrIJYjSScnCR2tyEIypDetQAtVxsQnaXV2urivMgrI3po0OzBwa1VK_JV6pNbSmF1eZ1F4lel3v4YeQ6QT7sbgqo3fcnPGYxkIxqQzTKQ_ABb9Jf9bnyS-ZD3liKz1jsw-PH1hB9XUejYT_b74OqE2XIY2rmi0VgrZmdUdQpddQNaOrtDUbIjXWlYqSfQXu-U6u01RXb20yj3kZKOOImLJqDUlnU_jE35dB9_E3sJpRDs8gWln_sOoEOFkVUSa5auC5Uc8lYSymshRa-TjnEQHbeKLp473VIQYLpup0JprAubrQCybFErEBSu1gU4T2fTiZilsb-U1sJxS8BQfhove8vbN_FBLqlKudlfYxZigSCiwZnLuGCFM5Y9Td9skpBXfntOEPSxX2zZ2Kqt1oDpgdhis5ebC9o4N871RkT_epyLRKn3uo1y0Q_h6F2Tp2hDUEmdz8AXcN0jA8x1tL_Leagke6_V7RS0e9JxsNq_pChWiOqbvdqL3XkxmtsJitTYRZEdrqNmQ95Wf0V1Ph7WZ0-pDL7bUUkP3ADPdAoGIAkVV8BKT6JWGq3Fnh5QdlLwsOaUfUPAhfejnwqR-UccM.' name='lia-form-context' type='hidden'></input><input value='CategoryPage:category-id/sales:searchformv32.form:' name='liaFormContentKey' type='hidden'></input><input value='5DI9GWMef1Esyz275vuiiOExwpQ=:H4sIAAAAAAAAALVSTU7CQBR+krAixkj0BrptjcpCMSbERGKCSmxcm+kwlGrbqTOvFDYexRMYL8HCnXfwAG5dubDtFKxgYgu4mrzvm3w/M+/pHcphHQ4kI4L2dMo9FLYZoM09qbeJxQ4V0+XC7e/tamqyBPEChwgbh1JAjQtLIz6hPaYh8ZlEMaxplAvm2KZmEsm0hhmBhOKpzZzOlsEw8LevR5W3zZfPEqy0oJIYc+eCuAyh2rolfaI7xLN0I8rjWfWBj7CuzJvf5osmbxRN3hacMimNwHRtKSOr0XNnv/vx+FoCGPjhMRzljhNLYHrEt9kA5T08ACCsKvREoYuqxqLl8BLO84q4UcMITcG49y/QOGs1pYyESl5p6V6qwRW086rinVmoxMZsiZud/zBUTc6gmVc4kExkJafmcYG1GM9+wfIsCkf2OP54hal5EjnG54z8h0XhjfcF7wQUs5Kz0GTjU2rOjc/llTT4Au07pDOcBQAA' name='t:formdata' type='hidden'></input></div> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='feedback_235c7711ba536b'></div> </div> <input value='FjQAhNfNBRbuz1cx5EzJ_xI6RcrTKOV8KMAqfZmihE8.' name='lia-action-token' type='hidden'></input> <input value='form_235c7711ba536b' id='form_UIDform_235c7711ba536b' name='form_UID' type='hidden'></input> <input value='' id='form_instance_keyform_235c7711ba536b' name='form_instance_key' type='hidden'></input> <span class='lia-search-granularity-wrapper'> <select title='Search Granularity' class='lia-search-form-granularity search-granularity' aria-label='Search Granularity' id='searchGranularity_235c7711ba536b' name='searchGranularity'><option title='All Results' selected='selected' value='mjmao93648|community'>All Results</option><option title='This forum' value='sales|category'>This forum</option><option title='Users' value='user|user'>Users</option></select> </span> <span class='lia-search-input-wrapper'> <span class='lia-search-input-field'> <span class='lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action'><input value='searchForm' name='submitContextX' type='hidden'></input><input class='lia-button lia-button-secondary lia-button-searchForm-action' value='Search' id='submitContext_235c7711ba536b' name='submitContext' type='submit'></input></span> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-message' value='' id='messageSearchField_235c7711ba536b_0' name='messageSearchField' type='text'></input> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden' value='' id='messageSearchField_235c7711ba536b_1' name='messageSearchField_0' type='text'></input> <input ng-non-bindable='' title='Enter a user name or rank' class='lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a user name or rank' value='' id='userSearchField_235c7711ba536b' name='userSearchField' type='text'></input> <input placeholder='Enter a keyword to search within the private messages' title='Enter a search word' class='lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='noteSearchField_235c7711ba536b_0' name='noteSearchField' type='text'></input> <input title='Enter a search word' class='lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='productSearchField_235c7711ba536b' name='productSearchField' type='text'></input> <input class='lia-as-search-action-id' name='as-search-action-id' type='hidden'></input> </span> </span> <span class='lia-cancel-search'>cancel</span> </form> <div class='search-autocomplete-toggle-link lia-js-hidden'> <span> <a class='lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete' data-lia-action-token='ynQOBJEleaHFMWUHEFFFr-0izmMiFs1wMRdCVR64lvI.' rel='nofollow' id='enableAutoComplete_235c7711ba536b' href='https://community.hubspot.com/t5/community/categorypage.enableautocomplete:enableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions'>Turn on suggestions</a> <span class='HelpIcon'> <a class='lia-link-navigation help-icon lia-tooltip-trigger' role='button' aria-label='Help Icon' id='link_235c7711ba536b' href='#'><span class='lia-img-icon-help lia-fa-icon lia-fa-help lia-fa' alt='Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.' aria-label='Help Icon' role='img' id='display_235c7711ba536b'></span></a><div role='alertdialog' class='lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper' id='link_235c7711ba536b_0-tooltip-element'><div class='lia-tooltip-arrow'></div><div class='lia-panel-tooltip'><div class='content'>Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class='spell-check-showing-result'> Showing results for <span class='lia-link-navigation show-results-for-link lia-link-disabled' aria-disabled='true' id='showingResult_235c7711ba536b'></span> </div> <div> <span class='spell-check-search-instead'> Search instead for <a class='lia-link-navigation search-instead-for-link' rel='nofollow' id='searchInstead_235c7711ba536b' href='#'></a> </span> </div> <div class='spell-check-do-you-mean lia-component-search-widget-spellcheck'> Did you mean: <a class='lia-link-navigation do-you-mean-link' rel='nofollow' id='doYouMean_235c7711ba536b' href='#'></a> </div> </div> </div> <div class="user-nav-options">  <style>.get-hubspot .nav-popover-arrow {border-top-color: transparent; border-left-color: transparent; width: 20px; height: 20px; transform: rotate(-135deg); top: -10px; display: block;}</style> <div class="search-icon-plus-top"> <button class="lia-button search-toggle-action-icon-plus"><img src='https://community.hubspot.com/html/@5320E40129AA1377479EABCA2009B53A/assets/Start-dicsucssion.svg' alt=""><i class="lia-fa lia-fa-caret-down"></i></button> <div class="plus-bar-main-content" style="display: none;"> <ul id="plus-bar-top-main"> <li class="plus-bar"> <a href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2Fforums%2Fpostpage%2Fcategory-id%2Fhubspot_community_en%2Fchoose-node%2Ftrue" class="white-btn transpaent"><i><img src="https://community.hubspot.com/html/@38F5B2AB35958F39F47C2BFFE5486135/assets/Edit.svg"></i> Create post</a> </li> <li class="plus-bar"><a href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2Fforums%2Fpostpage%2Fboard-id%2FHubSpot_Ideas"><i><img src="https://community.hubspot.com/html/@C71A42AEB76B8A3A82335DA9F5B9C717/assets/lightbulb.svg"></i> Submit Idea</a></li> </ul> </div> </div> <div class="login-container"> <a class='lia-link-navigation login-link lia-authentication-link lia-component-users-action-login' rel='nofollow' id='loginPageV2_235c7712742eff' href='https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FCRM-Sales-Hub%2Fct-p%2Fsales'>Log in</a> <a id="get-hubspot-free" class="btn btn-sm button-tertiary get-hubspot">Get HubSpot free</a> <div id="get-hubspot" class="get-hubspot"> <div class="nav-popover-arrow"></div> <ul id="get-hs-dropdown" class="nav-dropdown-list"> <li class="nav-dropdown-item nav-crm"> <a href="https://www.hubspot.com/products/get-started" class="nav-dropdown-link nav-crm"> Get a HubSpot CRM account </a> </li> <li class="nav-dropdown-item nav-dev"> <a href="https://developers.hubspot.com/" class="nav-dropdown-link nav-dev"> Get a HubSpot developer account </a> </li> </ul> </div> </div> </div> </nav> </div> <div class="forum-nav-bar"> <nav class="nav-menu template-centered template-section"> <a href="/" id="nav-logo" class="en nav-wordmark"> <img src='https://community.hubspot.com/html/@60C06466C7735C4373198758B1428669/assets/Community-logo-new.svg' alt="hubspot" class="nav-wordmark"> <span class="page-title nav-wordmark">Community</span> </a> <a href="/" id="nav-logo-v2" class="en nav-wordmark v2"> <img src='https://community.hubspot.com/html/@813D252A70F0A7024C8EA3BB1B8B9CFD/assets/sticky-logo.png' alt="hubspot" class="nav-wordmark"> </a> <style> .jp-resources-list{ display:flex; flex-direction:column; } .jp-resources-list>li.nav-dropdown-item.jp-class-HubSpot.Community.Blog{ order:1; } .nav-external-link::after { background: none; content: "\f08e"; font-family: "FontAwesome"; margin-left: 5px; font-size: 14px; } </style> <div class="nav-group-wrapper"> <div class="nav-menu"> <ul class="nav-group-primary"> <li class="nav-group-item nav-group-item-has-dropdown"> <div class="nav-link-wrapper"> <a class="nav-link forum"> <span class="nav-link-label"> Discussions </span> <span class="dropdown-caret"></span> </a> <div class="nav-popover-arrow"></div> <div class="nav-popover forum"> <ul class="nav-dropdown-list"> <li class="nav-dropdown-item"> <a href="/t5/CRM-Sales-Hub/ct-p/sales" class="nav-dropdown-link nav-discussions-crm"> CRM & Sales </a> </li> <li class="nav-dropdown-item"> <a href="/t5/Marketing-Hub/ct-p/marketing" class="nav-dropdown-link nav-discussions-mktg"> Marketing & Content </a> </li> <li class="nav-dropdown-item"> <a href="/t5/Service-Hub/ct-p/service_hub" class="nav-dropdown-link nav-discussions-svc"> Customer Success & Service </a> </li> <li class="nav-dropdown-item"> <a href="/t5/Operations/ct-p/Operations" class="nav-dropdown-link nav-discussions-ops"> RevOps & Operations </a> </li> <li class="nav-dropdown-item"> <a href="/t5/Commerce/ct-p/commerce" class="nav-dropdown-link nav-discussions-commerce "> Commerce </a> </li> <li class="nav-dropdown-item"> <a href="/t5/HubSpot-Developers/ct-p/developers" class="nav-dropdown-link nav-discussions-developers "> Developers </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Getting-Started-on-the-Community/How-to-join-the-Solutions-Partner-Program/ba-p/400205" class="nav-dropdown-link nav-partners "> Partners </a> </li> <li class="nav-dropdown-item"> <a href="/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas" class="nav-dropdown-link nav-discussions-ideas"> Ideas </a> </li> </ul> </div> </div> </li> <li class="nav-group-item nav-group-item-has-dropdown secondInList"> <div class="nav-link-wrapper"> <a class="nav-link forum"> <span class="nav-link-label"> Academy </span> <span class="dropdown-caret"></span> </a> <div class="nav-popover-arrow"></div> <div class="nav-popover forum"> <ul class="nav-dropdown-list"> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/courses" class="nav-dropdown-link nav-external-link" target="_blank"> Courses </a> </li> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/certification-overview" class="nav-dropdown-link nav-external-link" target="_blank"> Certifications </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/academy/bootcamps/home" class="nav-dropdown-link nav-external-link" target="_blank"> Bootcamps </a> </li> <li class="nav-dropdown-item"> <a href="https://academy.hubspot.com/learning-paths" class="nav-dropdown-link nav-external-link" target="_blank"> Learning Paths </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/HubSpot-Academy-Support/bd-p/certifications_help" class="nav-dropdown-link "> Academy Support </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Study-Groups/ct-p/study-groups" class="nav-dropdown-link"> Study Groups </a> </li> </ul> </div> </div> </li> <li class="nav-group-item"> <div class="nav-link-wrapper"> <a class="nav-link nav-resources"> <span class="nav-link-label"> Resources </span> <span class="dropdown-caret"></span> </a> <div class="nav-popover-arrow"></div> <div class="nav-popover forum"> <ul class="nav-dropdown-list jp-resources-list"> <li class="nav-dropdown-item "> <a href="/t5/Getting-Started/ct-p/getting_started" class="nav-dropdown-link nav-discussions-gs"> Getting Started </a> </li> <li class="nav-dropdown-item"> <a href="https://help.hubspot.com/" class="nav-dropdown-link nav-external-link" target="_blank"> Help Center </a> </li> <li class="nav-dropdown-item"> <a href="https://knowledge.hubspot.com/" class="nav-dropdown-link nav-external-link" target="_blank"> Knowledge Base </a> </li> <li class="nav-dropdown-item"> <a href="https://developers.hubspot.com/docs/api/overview" class="nav-dropdown-link nav-external-link" target="_blank"> API Documentation </a> </li> <li class="nav-dropdown-item"> <a href="https://developers.hubspot.com/docs/cms" class="nav-dropdown-link nav-external-link" target="_blank"> CMS Documentation </a> </li> <li class="nav-dropdown-item "> <a href="/t5/News-Networking-Events/ct-p/communityboard" class="nav-dropdown-link nav-news"> News </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=webinars&order_by=last_updated" class="nav-dropdown-link nav-resource-blog-Webinars "> Webinars </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=releases-updates" class="nav-dropdown-link nav-resource-blog-Releases and Updates "> Releases and Updates </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=hubspot-community-blog" class="nav-dropdown-link nav-resource-blog-HubSpot Community Blog "> Community Blog </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=sales-hub-community-perspectives" class="nav-dropdown-link nav-resource-blog-Sales Hub Community Perspectives "> Sales Hub Community Perspectives </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=workflows_library" class="nav-dropdown-link nav-resource-blog-Workflows Library "> Workflows Library </a> </li> <li class="nav-dropdown-item "> <a href="/t5/Resources/ct-p/resources?node_id=ai-library" class="nav-dropdown-link nav-resource-blog-Breeze Library "> Breeze Library </a> </li> </ul> </div> </div> </li> <li class="nav-group-item nav-group-item-has-dropdown"> <div class="nav-link-wrapper"> <a class="nav-link forum"> <span class="nav-link-label"> Events </span> <span class="dropdown-caret"></span> </a> <div class="nav-popover-arrow"></div> <div class="nav-popover forum"> <ul class="nav-dropdown-list"> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Ask-Me-Anything-and-Panel/bd-p/ama_discussions" class="nav-dropdown-link "> AMA </a> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/Community-Led-Events/bd-p/adapt" class="nav-dropdown-link "> Community Led Events </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/resources/webinar" class="nav-dropdown-link nav-external-link" target="_blank"> Webinars </a> </li> <li class="nav-dropdown-item"> <a href="https://www.hubspot.com/hubspot-user-groups" class="nav-dropdown-link nav-external-link" target="_blank"> HUGS </a> </li> </ul> </div> </div> </li> <li class="nav-group-item nav-group-item-has-dropdown"> <div class="nav-link-wrapper"> <a class="nav-link forum"> <span class="nav-link-label"> Advocacy </span> <span class="dropdown-caret"></span> </a> <div class="nav-popover-arrow"></div> <div class="nav-popover forum"> <ul class="nav-dropdown-list"> <li class="nav-dropdown-item"> <a href='/t5/Advocacy/ct-p/advocacy' class="nav-dropdown-link nav-hubFans-program "> Community Champions Program </a> </li> <li class="nav-dropdown-item"> <a href="/t5/Advocates-Blog/bg-p/advocates-blog" class="nav-dropdown-link nav-adovcates-blog "> Champions Blog </a> </li> </ul> </div> </div> </li> </ul> <div class="login-container v2"> <style> #lia-body .community-header-nav.v2 .forum-nav-bar.ch-sticky .nav-menu > ul.nav-group-primary { transform: none !important; } #lia-body .community-header-nav.v2 .forum-nav-bar.ch-sticky .login-container.v2 { display: flex; align-items: center; gap: 12px; padding-left: 0; width: 116px; } #lia-body.lia-user-status-anonymous .community-header-nav.v2 .forum-nav-bar.ch-sticky .login-container.v2 { gap: 0; width: 24px; } .ch-sticky .nav-menu { gap: 36px; } .custom-search-focus { background-image: url('https://community.hubspot.com/html/@C11BAC294B66222FECF4AA35890ACE71/assets/search-icon.svg'); background-repeat: no-repeat; background-size: contain; cursor: pointer; margin: 0; width: 24px; height: 24px; } </style> <label class="custom-search-focus"></label> <div class="nav-link-wrapper custom-user-menu-v2"> <div class="nav-popover-arrow"></div> <div class="nav-popover profile first"> <div class="header-dropdown-menu"> <div class="user-heading">Anonymous</div> <ul class="header-tab-nav"> <li><span id="profile" class="active">Profile</span></li> </ul> <div class="header-tab-nav-content"> <div id="profile-list-wrapper"> <div class="nav-link-wrapper"> <a href="https://app.hubspot.com/l/reports-dashboard/" class="text-link my-account nav-hubspot-account" target="_blank"> Go to my HubSpot Account </a> </div> <ul class="nav-dropdown-list"> <li class="nav-dropdown-item"> <a href="/t5/user/viewprofilepage/user-id/-1" class="nav-dropdown-link nav-account-profile-2"> My Profile </a> </li> <li class="nav-dropdown-item"> <a href="/t5/user/myprofilepage/tab/personal-profile" class="nav-dropdown-link nav-account-user-settings"> Settings </a> </li> <li class="nav-dropdown-item"> </li> <li class="nav-dropdown-item"> <a href="https://community.hubspot.com/t5/community/page.logoutpage?t:cp=authentication/contributions/unticketedauthenticationactions&dest_url=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FCRM-Sales-Hub%2Fct-p%2Fsales&lia-action-token=xyu_yMuyec5FwBXqxnUtRjy7ZVdPGFkyJUPadPgNUjo.&lia-action-token-id=logoff" class="nav-dropdown-link nav-account-sign-out"> Sign out </a> </li> </ul> </div> <div id="admin-list-wrapper" style="display: none;"> <div class="admin-menu-list"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </section> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer lia-mark-empty"> </div> </div> </div>  <section class="custom-hero-banner-v2 page-full-width" style="background-image:url('/html/assets/CRM-banner.png');"> <div class="custom-v2-banner"> <div class="custom-v2-banner__announcement"> <div class="community-banner-message transparent"> <div class="banner-message-inner-wrapper"> <div class="hsg-promo-bar__wrapper" data-background="gradient4"> <div class="hsg-page-width-normal" data-background-image="circle2"> <div class="hsg-promo-bar" id="promo-bar"> </div> </div> </div> </div> </div> </div> <style> .lia-page { overflow-x: hidden; } .custom-v2-banner__announcement:not(:has(.transparent)) { margin-bottom: -20px; transform: translateY(-20px); } .CommunityPage .custom-v2-banner__announcement:not(:has(.transparent)) { margin-bottom: -72px; transform: translateY(-72px); } #promo-bar { background: #c1eaeb; border: 0; padding: 16px 0; position: relative; } #promo-bar:before, #promo-bar:after { background: #c1eaeb; content: ''; width: 300%; position: absolute; top: 0; bottom: 0; left: 0; } #promo-bar:before { transform: translateX(-100%); } #promo-bar:after { left: auto; right: 0; transform: translateX(100%); } #promo-bar .banner-message-text { display: flex; gap: 16px; align-items: center; justify-content: center; font-size: 16px !important; font-weight: 300; line-height: 1.75; text-align: center; } #promo-bar .banner-message-text .banner-cta-link { margin: 0; text-align: center; } @media only screen and (max-width: 767px) { #promo-bar .banner-message-wrapper:not(:first-child) { display: none; } #promo-bar .banner-message-text { flex-direction: column; gap: 8px; } #promo-bar .banner-message-text .banner-cta-link { min-width: 50%; } } @media only screen and (max-width: 1023px) { .custom-v2-banner__announcement:not(:has(.transparent)) { margin-bottom: -30px !important; transform: translateY(-30px) !important; } } </style> <script> const userLang = 'en'; const injectContent = (results) => { let promoBar = document.querySelector('#promo-bar'); // glowingblue: Remove stage test announcements if there are real ones if ( results.length ) { promoBar.replaceChildren(); } results.forEach(result => { if (result.message.length) { if (document.querySelector('.community-banner-message.transparent')) { document.querySelector('.community-banner-message.transparent').classList.remove('transparent'); } let messageWrapper = document.createElement('div'); messageWrapper.classList.add('banner-message-wrapper'); let message = document.createElement('p'); message.classList.add("banner-message-text"); message.innerHTML = result.message.trim(); promoBar.appendChild(messageWrapper); messageWrapper.appendChild(message) if (result.ctaLink.length && result.ctaText.length) { let ctaWrapper = document.createElement('div'); let cta = document.createElement('a'); ctaWrapper.classList.add('banner-cta-link'); cta.classList.add('banner-cta-link'); cta.setAttribute('href',result.ctaLink.trim()); cta.innerHTML = result.ctaText.trim(); message.appendChild(cta); } } else { return; } }) } const processBanner = (results) => { if (sessionStorage.getItem("HSCommunityAnnouncements")) { let data = JSON.parse(sessionStorage.getItem('HSCommunityAnnouncements')); if (data.lang === userLang) { data.messages = results; sessionStorage.setItem("HSCommunityAnnouncements", JSON.stringify(data)); return; } else { injectContent(results); data.lang = userLang; data.messages = results; sessionStorage.setItem("HSCommunityAnnouncements", JSON.stringify(data)); } } else { injectContent(results); messageData = { lang: userLang, messages: results } sessionStorage.setItem("HSCommunityAnnouncements", JSON.stringify(messageData)); } } if (sessionStorage.getItem('HSCommunityAnnouncements')) { let data = JSON.parse(sessionStorage.getItem('HSCommunityAnnouncements')); if (userLang === data.lang) { injectContent(data.messages); } } </script> <script src="https://script.google.com/a/hubspot.com/macros/s/AKfycbySpmgzEjP1bEnrLD5xM_fdMOxDn47Kt9buJO9HtQER7pZmhu0/exec?lang=en&callback=processBanner" async> </script> <div class="custom-v2-banner__wrapper"> <div class="page-breadcrumb-wrapper"> <div aria-label="breadcrumbs" role="navigation" class="BreadCrumb crumb-line lia-breadcrumb lia-component-common-widget-breadcrumb"> <ul role="list" class="lia-list-standard-inline"> <li class="lia-breadcrumb-node crumb"> <a href="/" class="crumb-community lia-breadcrumb-community lia-breadcrumb-forum community-home">HubSpot Community</a> </li> <li class="lia-breadcrumb-node crumb final-crumb"> <span>CRM & Sales Hub</span> </li> </ul> </div> </div> <div class="page-title-wrapper"> <h2 class="page-title">CRM & Sales Hub</h2> </div> </div> <div class="custom-v2-banner__search"> <div class="seach-prefix"> Search CRM & Sales Hub for solutions or ask a question </div> <div class="custom-search-wrapper"><div id='lia-searchformV32_235c7714212593' class='SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7714212593'></div> </div> <div id='searchautocompletetoggle_235c7714212593'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_235c7714212593_0'></div> </div> <form enctype='multipart/form-data' class='lia-form lia-form-inline SearchForm' action='https://community.hubspot.com/t5/community/categorypage.searchformv32.form.form' method='post' id='form_235c7714212593' name='form_235c7714212593'><div class='t-invisible'><input value='category-id/sales' name='t:ac' type='hidden'></input><input value='search/contributions/page' name='t:cp' type='hidden'></input><input value='8GAe0qpqKy8IpBjbgKQn2RNE5KzOge6JZ5YS_fgLsWKZ2gERJM3LaCDEUp3dGM7kncLXps2quQzolzSrmubkkMEOHvsA_ZU08I5HUJb1lPh5xZrB71GsQZU7jvuR6aIQM37vqb6WOAWxk8iDQgE2Q5P_Py-KEVK1KW2qhnPnJXkER9wsnIt2DMb9IIYYnEZQT-070qzah-Hlgr6ko74EKjxWuMBgvm0mKyLt5-SAMMynJfL_GvDqao5a7ziCHJfMB0_SJRAhtRI-ssc78CNuUafjBBzPtqAVgQs7OvsXbZMuNGAhFL3-Ibnse5AexwngIU8LgppHLomxxvFIvy44O0TLCGEUiouMLw9t8odcJ1D9PQ0OHNFtWY2weQny4ViO9D_V6RePK45gUbf87Lhe4MVKJSP18jXKoJWAlUBU8M-KIbqxM94hCZ4zcCJI5hk4GQ3il8DeQIvR2joWdK7he3KPW_gAuzug7zpMTRIPzkVW8gjdM3C2krizAi-Yx7Fx7Me6F63fTcCokw6mSEZGcWK-0ZmRv-p904im3u9UF4RDzPvvSpzyvhOp9rEqh-L8opz8D1Ziu2uefh0Z9rrFCBUODMUy7m78k6rbvHYFXSt-3GNeyqXZiGbKrdu6qhsN2q-Z9oWfm-vrwk0f5HQXZk-rpUraBoO6iZUADkgaj_qP4d8-QyJOOBzKd0prTHa45onacCAeMbErZGfVgVXluFABOfJ0q5e-yM7pIECXUubBs_-PmzDR_SaKKg1Q213nLhgNZ612LV16NNjtadBbKD4F97zGXw5SnWSmiq31qgMiHK-Dgz7ItQeN6Kt84XCPISWD48JphOMlCYjNKfDpl5u7E2407P--LTELSAqwxrlZ61nESg0V4QiNukmdKksI0cVVGoWs3jUl76eQ7voIr-97TnoXF2ta_BcSCUKh-yKOQc2r3CaapBvp6_TpbZ6JWRmVUuKNYbfD0jdJA7h9Dj7_qjXUnEutDxOq3HbMt2gmOMvU6RBMxy6EhAlzaunerr4UuJi8DF1M6qtN1znSWWEIjR6IqEuiJIm9Yas6My2GbTUpZNRkwPG7npOE6B0MN0VeHdy-zWmDnWXInoG8CVyz3ldRlbP9I9YwKTVYTeCwbqwpzWyVEcNvcmRo6SaQMKAz-eR-Q0ZFXQQQoGIUPEz8R3jGyqhTDZ1A_4l85LQuzDyiDG4YzCAy-ioKdVhCty65JRTt7XkqKAlNmrOOBuxsf88a9l6iwMCS6Mi2uBI.' name='lia-form-context' type='hidden'></input><input value='CategoryPage:category-id/sales:searchformv32.form:' name='liaFormContentKey' type='hidden'></input><input value='5DI9GWMef1Esyz275vuiiOExwpQ=:H4sIAAAAAAAAALVSTU7CQBR+krAixkj0BrptjcpCMSbERGKCSmxcm+kwlGrbqTOvFDYexRMYL8HCnXfwAG5dubDtFKxgYgu4mrzvm3w/M+/pHcphHQ4kI4L2dMo9FLYZoM09qbeJxQ4V0+XC7e/tamqyBPEChwgbh1JAjQtLIz6hPaYh8ZlEMaxplAvm2KZmEsm0hhmBhOKpzZzOlsEw8LevR5W3zZfPEqy0oJIYc+eCuAyh2rolfaI7xLN0I8rjWfWBj7CuzJvf5osmbxRN3hacMimNwHRtKSOr0XNnv/vx+FoCGPjhMRzljhNLYHrEt9kA5T08ACCsKvREoYuqxqLl8BLO84q4UcMITcG49y/QOGs1pYyESl5p6V6qwRW086rinVmoxMZsiZud/zBUTc6gmVc4kExkJafmcYG1GM9+wfIsCkf2OP54hal5EjnG54z8h0XhjfcF7wQUs5Kz0GTjU2rOjc/llTT4Au07pDOcBQAA' name='t:formdata' type='hidden'></input></div> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='feedback_235c7714212593'></div> </div> <input value='47huW3tZ1jSLquL-5wSbmpPFykUvU7flIPLi482v26U.' name='lia-action-token' type='hidden'></input> <input value='form_235c7714212593' id='form_UIDform_235c7714212593' name='form_UID' type='hidden'></input> <input value='' id='form_instance_keyform_235c7714212593' name='form_instance_key' type='hidden'></input> <span class='lia-search-granularity-wrapper'> <select title='Search Granularity' class='lia-search-form-granularity search-granularity' aria-label='Search Granularity' id='searchGranularity_235c7714212593' name='searchGranularity'><option title='All Results' value='mjmao93648|community'>All Results</option><option title='This forum' selected='selected' value='sales|category'>This forum</option><option title='Users' value='user|user'>Users</option></select> </span> <span class='lia-search-input-wrapper'> <span class='lia-search-input-field'> <span class='lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action'><input value='searchForm' name='submitContextX' type='hidden'></input><input class='lia-button lia-button-secondary lia-button-searchForm-action' value='Search' id='submitContext_235c7714212593' name='submitContext' type='submit'></input></span> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-message' value='' id='messageSearchField_235c7714212593_0' name='messageSearchField' type='text'></input> <input placeholder='Search the Community' aria-label='Search' title='Search' class='lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden' value='' id='messageSearchField_235c7714212593_1' name='messageSearchField_0' type='text'></input> <input ng-non-bindable='' title='Enter a user name or rank' class='lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a user name or rank' value='' id='userSearchField_235c7714212593' name='userSearchField' type='text'></input> <input placeholder='Enter a keyword to search within the private messages' title='Enter a search word' class='lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='noteSearchField_235c7714212593_0' name='noteSearchField' type='text'></input> <input title='Enter a search word' class='lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input' aria-label='Enter a search word' value='' id='productSearchField_235c7714212593' name='productSearchField' type='text'></input> <input class='lia-as-search-action-id' name='as-search-action-id' type='hidden'></input> </span> </span> <span class='lia-cancel-search'>cancel</span> </form> <div class='search-autocomplete-toggle-link lia-js-hidden'> <span> <a class='lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete' data-lia-action-token='J5gJrNwG8dWE1Xn2UGOLAu4PRHhrCF_dcYJzDHLqB9w.' rel='nofollow' id='enableAutoComplete_235c7714212593' href='https://community.hubspot.com/t5/community/categorypage.enableautocomplete:enableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions'>Turn on suggestions</a> <span class='HelpIcon'> <a class='lia-link-navigation help-icon lia-tooltip-trigger' role='button' aria-label='Help Icon' id='link_235c7714212593' href='#'><span class='lia-img-icon-help lia-fa-icon lia-fa-help lia-fa' alt='Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.' aria-label='Help Icon' role='img' id='display_235c7714212593'></span></a><div role='alertdialog' class='lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper' id='link_235c7714212593_0-tooltip-element'><div class='lia-tooltip-arrow'></div><div class='lia-panel-tooltip'><div class='content'>Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class='spell-check-showing-result'> Showing results for <span class='lia-link-navigation show-results-for-link lia-link-disabled' aria-disabled='true' id='showingResult_235c7714212593'></span> </div> <div> <span class='spell-check-search-instead'> Search instead for <a class='lia-link-navigation search-instead-for-link' rel='nofollow' id='searchInstead_235c7714212593' href='#'></a> </span> </div> <div class='spell-check-do-you-mean lia-component-search-widget-spellcheck'> Did you mean: <a class='lia-link-navigation do-you-mean-link' rel='nofollow' id='doYouMean_235c7714212593' href='#'></a> </div> </div></div> </div> </div> </section> <div class="custom-category-banner-section__wrapper wrapper-container" > <div class="custom-home-banner-section__header"><h2>Top Resources for CRM & Sales Hub</h2></div> <div class="top-conversations-tabs__content custom-tabs-with-accordian "> <div class="custom-dashboard-tab-body "> <ul class="custom-dashboard-accordian-list"> <li class="custom-dashboard-accordian-item off"> <div class="custom-dashboard-accordian-item__header"> <span class="toggle-action on"><i class="fa fa-chevron-down nav-item-icon"></i></span> <h4 class="custom-dashboard-accordian-item__title"> <a href="/t5/CRM/Meeting-scheduler-and-the-new-Appointment-object/td-p/1072160">Meeting scheduler and the new Appointment object</a> </h4> </div> <ul class="custom-dashboard-accordian-posts-list"> <li class="custom-dashboard-accordian-post-item scroll-class"> Is there any information on how the new "Appointments" object works together with the Meeting Scheduler? We want to keep track of our meetings (mainly digital ones), and we often use the built-in Meeting Scheduler for this purpose. I’m trying to find good ways to create workflows around bookings. For example, we want to make it visible in the Help Desk workspace when a meeting has been scheduled. Having a dedicated object for meetings could ...<a href="/t5/CRM/Meeting-scheduler-and-the-new-Appointment-object/td-p/1072160" class="read-more">read more </a> </li> </ul> </li> <li class="custom-dashboard-accordian-item off"> <div class="custom-dashboard-accordian-item__header"> <span class="toggle-action on"><i class="fa fa-chevron-down nav-item-icon"></i></span> <h4 class="custom-dashboard-accordian-item__title"> <a href="/t5/CRM/Excluding-contact-if-one-property-is-equal-to-another/td-p/1071711">Excluding contact if one property is equal to another</a> </h4> </div> <ul class="custom-dashboard-accordian-posts-list"> <li class="custom-dashboard-accordian-post-item scroll-class"> Hello, I can't seem to find a way to exclude contacts if the value in one property is equal to another property's value (in this case, if the company name is equal to the contact last name). Is there any way to do this action? ...<a href="/t5/CRM/Excluding-contact-if-one-property-is-equal-to-another/td-p/1071711" class="read-more">read more </a> </li> </ul> </li> <li class="custom-dashboard-accordian-item off"> <div class="custom-dashboard-accordian-item__header"> <span class="toggle-action on"><i class="fa fa-chevron-down nav-item-icon"></i></span> <h4 class="custom-dashboard-accordian-item__title"> <a href="/t5/CRM/Dynamic-Meeting-Schedule-Page-depending-on-Contact-Owner-on/td-p/1071677">Dynamic Meeting Schedule Page depending on Contact Owner on Website</a> </h4> </div> <ul class="custom-dashboard-accordian-posts-list"> <li class="custom-dashboard-accordian-post-item scroll-class"> Hi everyone, a tricky question! I have tried to plan the process/logic to create a meeting router on our website but I am stuck at one specific point. The logic is that there is a Hubspot form embedded on the website where a lead can fill in contact information. Based on what they fill in, the form will redirect them to different scheduled pages with different meeting rotations (which is also supported using conditional logic). However, the ...<a href="/t5/CRM/Dynamic-Meeting-Schedule-Page-depending-on-Contact-Owner-on/td-p/1071677" class="read-more">read more </a> </li> </ul> </li> <li class="custom-dashboard-accordian-item off"> <div class="custom-dashboard-accordian-item__header"> <span class="toggle-action on"><i class="fa fa-chevron-down nav-item-icon"></i></span> <h4 class="custom-dashboard-accordian-item__title"> <a href="/t5/CRM/Exporting-Contacts-with-Internal-Values-from-Dropdowns/td-p/1071241">Exporting Contacts with Internal Values from Dropdowns</a> </h4> </div> <ul class="custom-dashboard-accordian-posts-list"> <li class="custom-dashboard-accordian-post-item scroll-class"> Is there currently a way to export the internal value of an enummeration field on a contact instead of the display value? For some of our ennumeration fields we are using IDs for the internal value and would like to export them as opposed to the display name. Also is there a way to copy the internal vaule of a ennumeration field to a single line text field ...<a href="/t5/CRM/Exporting-Contacts-with-Internal-Values-from-Dropdowns/td-p/1071241" class="read-more">read more </a> </li> </ul> </li> <li class="custom-dashboard-accordian-item off"> <div class="custom-dashboard-accordian-item__header"> <span class="toggle-action on"><i class="fa fa-chevron-down nav-item-icon"></i></span> <h4 class="custom-dashboard-accordian-item__title"> <a href="/t5/Sales-Integrations/Connect-more-than-one-whatsapp-business-to-hubspot/td-p/1070113">Connect more than one whatsapp business to hubspot</a> </h4> </div> <ul class="custom-dashboard-accordian-posts-list"> <li class="custom-dashboard-accordian-post-item scroll-class"> Can I connect multipe whatsapp business accounts to my hubspot account so that the sales team can have their own whatsapp number? ...<a href="/t5/Sales-Integrations/Connect-more-than-one-whatsapp-business-to-hubspot/td-p/1070113" class="read-more">read more </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-18 lia-quilt-column-left lia-quilt-column-main-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-left"> <style> .board-list-wrapper__title.active { background: #50c2b7; color: #fff; } </style> <style> #lia-body .custom-MessageView .button-box a.discussion-btn,#lia-body .custom-MessageView .button-box a.blog-btn,#lia-body .custom-MessageView .button-box a.idea-btn {display: none} </style> <div class="category-filters-wrapper" data-cmp="category-filtered-listing" id="filter" style="scroll-margin-top: 80px;"> <div class="forum-filtered-listing-wrapper"> <div class="hubspot-tab-wrapper"> <h1 class="browser-topic-heading">Browse all topics</h1> <div class="board-list-wrapper"> <select class="expanded" name="boads-select[]" style="display:none;"> <option class="board-list-wrapper__title" value="">Browse all Topics:</option> <option data-id="sales_bestpractice" value = "sales_bestpractice" class="board-list-wrapper__title ">Tips, Tricks & Best Practices</option> <option data-id="sales_account" value = "sales_account" class="board-list-wrapper__title ">Account & Settings</option> <option data-id="sales_CRM" value = "sales_CRM" class="board-list-wrapper__title ">CRM</option> <option data-id="sales_reports" value = "sales_reports" class="board-list-wrapper__title ">Dashboards & Reporting</option> <option data-id="sales_gmail" value = "sales_gmail" class="board-list-wrapper__title ">Gmail Sales Extension</option> <option data-id="sales_outlook" value = "sales_outlook" class="board-list-wrapper__title ">Outlook Sales Extension</option> <option data-id="sales_mobile" value = "sales_mobile" class="board-list-wrapper__title ">Mobile Application</option> <option data-id="sales_tools" value = "sales_tools" class="board-list-wrapper__title ">Sales Hub Tools</option> <option data-id="sales_integrations" value = "sales_integrations" class="board-list-wrapper__title ">Sales Integrations</option> <option data-id="crm_setup" value = "crm_setup" class="board-list-wrapper__title ">Sales Email</option> <option data-id="onboarding_crm_sales" value = "onboarding_crm_sales" class="board-list-wrapper__title ">Sales Hub Onboarding</option> <option data-id="calling" value = "calling" class="board-list-wrapper__title ">Calling</option> </select> <ul class="boads-select"> <li data-id="sales_bestpractice" class="board-list-wrapper__title addElement">Tips, Tricks & Best Practices</li> <li data-id="sales_account" class="board-list-wrapper__title addElement">Account & Settings</li> <li data-id="sales_CRM" class="board-list-wrapper__title addElement">CRM</li> <li data-id="sales_reports" class="board-list-wrapper__title addElement">Dashboards & Reporting</li> <li data-id="sales_gmail" class="board-list-wrapper__title addElement">Gmail Sales Extension</li> <li data-id="sales_outlook" class="board-list-wrapper__title addElement">Outlook Sales Extension</li> <li data-id="sales_mobile" class="board-list-wrapper__title addElement">Mobile Application</li> <li data-id="sales_tools" class="board-list-wrapper__title addElement">Sales Hub Tools</li> <li data-id="sales_integrations" class="board-list-wrapper__title addElement">Sales Integrations</li> <li data-id="crm_setup" class="board-list-wrapper__title addElement">Sales Email</li> <li data-id="onboarding_crm_sales" class="board-list-wrapper__title addElement">Sales Hub Onboarding</li> <li data-id="calling" class="board-list-wrapper__title addElement">Calling</li> </ul> </div> <div class="filter-sort-wrapper"> <div class="label-filter"> <span class="filter-label">Filter by</span> <button id="status-filter-btn" class="status-filter-btn">All labels</button> <ul class="filter-box" id="status-filter-list"> <li class="filter-status filter-item" data-id="">All labels</li> <li class="filter-status filter-item" data-id="Admin">Admin</li> <li class="filter-status filter-item" data-id="best practices">best practices</li> <li class="filter-status filter-item" data-id="Companies">Companies</li> <li class="filter-status filter-item" data-id="Connected Email">Connected Email</li> <li class="filter-status filter-item" data-id="Contacts">Contacts</li> <li class="filter-status filter-item" data-id="CRM">CRM</li> <li class="filter-status filter-item" data-id="Custom Objects">Custom Objects</li> <li class="filter-status filter-item" data-id="Dashboards">Dashboards</li> <li class="filter-status filter-item" data-id="Deals">Deals</li> <li class="filter-status filter-item" data-id="Enterprise">Enterprise</li> <li class="filter-status filter-item" data-id="Forms">Forms</li> <li class="filter-status filter-item" data-id="FREE">FREE</li> <li class="filter-status filter-item" data-id="How-To">How-To</li> <li class="filter-status filter-item" data-id="Integrations">Integrations</li> <li class="filter-status filter-item" data-id="Lists">Lists</li> <li class="filter-status filter-item" data-id="Meetings">Meetings</li> <li class="filter-status filter-item" data-id="Professional">Professional</li> <li class="filter-status filter-item" data-id="Reports">Reports</li> <li class="filter-status filter-item" data-id="Sales">Sales</li> <li class="filter-status filter-item" data-id="Sequences">Sequences</li> <li class="filter-status filter-item" data-id="Settings">Settings</li> <li class="filter-status filter-item" data-id="Starter">Starter</li> <li class="filter-status filter-item" data-id="Tasks">Tasks</li> <li class="filter-status filter-item" data-id="Workaround">Workaround</li> <li class="filter-status filter-item" data-id="Workflows">Workflows</li> </ul> </div> <div class="sort-filter"> <span class="filter-label">Sort by </span> <div class="custom-filterpost-box"> <span class="toggle-filter-post">Most Recent</span> <ul class="filter-type-select"> <li class="filter-opt" filter-value="recent">Most Recent</li> <li class="filter-opt" filter-value="upvoted">Most Upvoted</li> </ul> </div> </div> <div class="sort-filter"> <span class="filter-label">State</span> <div class="custom-box-filter"> <span class="states toggle-post-filter">All</span> <ul id="states"class="filter-select"> <li class="filtered" filter-value="">All</li> <li class="filtered" filter-value="solved">Solved</li> <li class="filtered" filter-value="unsolved">Unsolved</li> <li class="filtered" filter-value="noReplies">No Replies Yet</li> </ul> </div> </div> </div> </div> </div> </div> <div class="category-filtered-posts-wrapper"> <div id="globalmsgList"> <div class="globalFloat"> <div class="custom-MessageView"> <div class="pinned-img"> <img src="https://community.hubspot.com/html/assets/pin-sm.png"> </div> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/15"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/1930i41077A0D49B7BB43/image-dimensions/150x150/image-coordinates/25%2C0%2C411%2C386?v=v2"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/15" class="author-name-link"><span class="author-username">sjudson</span></a> on <span class="msg-created-date"> December 04, 2023 </span> </div> <div class="msg-subject "> <a href="/t5/Outlook-Sales-Extension/Ending-Development-for-HubSpot-s-VSTO-Sales-Add-In/td-p/886997"> Ending Development for HubSpot's VSTO Sales Add-In </a> </div> <div class="msg-body"> Summary Microsoft recently announced a new version of Outlook that does not support VSTO add-ins, and with that its intention to move away from the VSTO add-in framework entirely. This announcement naturally impacts the HubSpot Sales VSTO <a href="/t5/Outlook-Sales-Extension/Ending-Development-for-HubSpot-s-VSTO-Sales-Add-In/td-p/886997" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FOutlook-Sales-Extension%2FEnding-Development-for-HubSpot-s-VSTO-Sales-Add-In%2Ftd-p%2F886997%23reply">Reply</a> <a href="/t5/Outlook-Sales-Extension/Ending-Development-for-HubSpot-s-VSTO-Sales-Add-In/td-p/886997" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Outlook-Sales-Extension/bd-p/sales_outlook/label-name/Announcement" class="blue-btn msg-btn">Announcement</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">14</span> <span title="Upvotes">upvotes</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">0</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="message-list-wrapper"> <div id="msgList"> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/861657"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/861657" class="author-name-link"><span class="author-username">SEardley</span></a> on <span class="msg-created-date"> November 23, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/Account-Settings/Associate-Multiple-Companies-in-one-deal-record/td-p/1074177"> Associate Multiple Companies in one deal record </a> </div> <div class="msg-body"> Is there a way to associate multiple companies in unique ways on one deal record? Let me explain. I have two association cards on a single deal record. One card is "Referred To", and asks our sales team to assocaite the companies which they are <a href="/t5/Account-Settings/Associate-Multiple-Companies-in-one-deal-record/td-p/1074177" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FAccount-Settings%2FAssociate-Multiple-Companies-in-one-deal-record%2Ftd-p%2F1074177%23reply">Reply</a> <a href="/t5/Account-Settings/Associate-Multiple-Companies-in-one-deal-record/td-p/1074177" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Account-Settings/bd-p/sales_account/label-name/Professional" class="blue-btn msg-btn">Professional</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">4</span> <span title="Total posts">Replies</span> </div> </div> </div> </div> </div> </div> </div> <div class="reply-box"> <div class="latest-reply-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/861657"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="reply-msg-box"> <div class="reply-top-row"> <div class="reply-top-left-col"> <div class="name-rank-box"> </div> <div class="name-rank-box"> <a href="/t5/user/viewprofilepage/user-id/861657" class="author-name-link"><span class="author-username">SEardley</span></a> <span class="rank-img-box"> <img src=""> </span> </div> <div class="rank-role-box"> <span class="role-name">Member</span> </div> </div> <div class="reply-top-right-col"> <div class="reply-option"> <span class="three-dots-option"></span> <div class="option-dropdown"></div> </div> <div class="reply-posted-time"> <span class="msg-created-date"> November 23, 2024 </span> </div> </div> </div> <div class="reply-bottom-row"> <div class="msg-body reply-msg-body"> Even using labels, I still can't have multiple company association cards on one deal record it seems like. Thank you for trying to help. </div> </div> </div> </div> </div> </div> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/806853"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/806853" class="author-name-link"><span class="author-username">DSmith72</span></a> on <span class="msg-created-date"> November 23, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/Tips-Tricks-Best-Practices/Importing-event-attendance-for-multiple-events-and-Lead-Scoring/td-p/1074136"> Importing event attendance for multiple events and Lead Scoring </a> </div> <div class="msg-body"> Greetings, We run in person and virtual events frequently. I have the recent attendance from those events in a spreadsheet and I would like to log the attendance at each event separately, by the name and date of the event. The individuals on m <a href="/t5/Tips-Tricks-Best-Practices/Importing-event-attendance-for-multiple-events-and-Lead-Scoring/td-p/1074136" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FTips-Tricks-Best-Practices%2FImporting-event-attendance-for-multiple-events-and-Lead-Scoring%2Ftd-p%2F1074136%23reply">Reply</a> <a href="/t5/Tips-Tricks-Best-Practices/Importing-event-attendance-for-multiple-events-and-Lead-Scoring/td-p/1074136" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Tips-Tricks-Best-Practices/bd-p/sales_bestpractice/label-name/Professional" class="blue-btn msg-btn">Professional</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">0</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/859698"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/859698" class="author-name-link"><span class="author-username">Emaan1</span></a> on <span class="msg-created-date"> November 23, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/Account-Settings/Profile-Image-not-showing-when-sending-emails/td-p/1074131"> Profile Image not showing when sending emails </a> </div> <div class="msg-body"> Hi! I've my work email from Hostinger. I've connected with Hubspot and setup my account. But my profile picture isn't showing when sending emails. Can anyone suggest a solution? </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FAccount-Settings%2FProfile-Image-not-showing-when-sending-emails%2Ftd-p%2F1074131%23reply">Reply</a> <a href="/t5/Account-Settings/Profile-Image-not-showing-when-sending-emails/td-p/1074131" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Account-Settings/bd-p/sales_account/label-name/Starter" class="blue-btn msg-btn">Starter</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">1</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> <div class="reply-box"> <div class="latest-reply-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/686302"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="reply-msg-box"> <div class="reply-top-row"> <div class="reply-top-left-col"> <div class="name-rank-box"> </div> <div class="name-rank-box"> <a href="/t5/user/viewprofilepage/user-id/686302" class="author-name-link"><span class="author-username">ZeynepOzen</span></a> <span class="rank-img-box"> <img src=""> </span> </div> <div class="rank-role-box"> <span class="role-name">Participant</span> </div> </div> <div class="reply-top-right-col"> <div class="reply-option"> <span class="three-dots-option"></span> <div class="option-dropdown"></div> </div> <div class="reply-posted-time"> <span class="msg-created-date"> November 23, 2024 </span> </div> </div> </div> <div class="reply-bottom-row"> <div class="msg-body reply-msg-body"> Hello, Emaan1. If you're using Outlook, Gmail, or Hostinger webmail etc. it’s worth checking their specific settings regarding image display. You ...<a href="/t5/Account-Settings/Profile-Image-not-showing-when-sending-emails/td-p/1074131" class="msg-read-more">read more</a> </div> </div> </div> </div> </div> </div> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/724085"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/724085" class="author-name-link"><span class="author-username">AJ_Kakrot</span></a> on <span class="msg-created-date"> November 22, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/Tips-Tricks-Best-Practices/Deal-Approval-Process/td-p/1074026"> Deal Approval Process </a> </div> <div class="msg-body"> Hi In our use case I want to build the approval process in sales pipeline where if deal is marked as closed won there are certain properties that has to be mandatorily filled by deal owner. While marking it to close won, one of the propery n <a href="/t5/Tips-Tricks-Best-Practices/Deal-Approval-Process/td-p/1074026" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FTips-Tricks-Best-Practices%2FDeal-Approval-Process%2Ftd-p%2F1074026%23reply">Reply</a> <a href="/t5/Tips-Tricks-Best-Practices/Deal-Approval-Process/td-p/1074026" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Tips-Tricks-Best-Practices/bd-p/sales_bestpractice/label-name/Professional" class="blue-btn msg-btn">Professional</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">1</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> <div class="reply-box"> <div class="latest-reply-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/111325"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/94937i541C6229094CA9C4/image-dimensions/150x150/image-coordinates/0%2C0%2C400%2C400?v=v2"> </a> <div class="reply-msg-box"> <div class="reply-top-row"> <div class="reply-top-left-col"> <div class="name-rank-box"> </div> <div class="name-rank-box"> <a href="/t5/user/viewprofilepage/user-id/111325" class="author-name-link"><span class="author-username">karstenkoehler</span></a> <span class="rank-img-box"> <img src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/partner-color.svg"> </span> </div> <div class="rank-role-box"> <span class="role-name">Hall of Famer | Partner</span> </div> </div> <div class="reply-top-right-col"> <div class="reply-option"> <span class="three-dots-option"></span> <div class="option-dropdown"></div> </div> <div class="reply-posted-time"> <span class="msg-created-date"> November 23, 2024 </span> </div> </div> </div> <div class="reply-bottom-row"> <div class="msg-body reply-msg-body"> Hi @AJ_Kakrot , HubSpot has a deal approval feature, yes, but it's limited to Sales Hub Enterprise: https://knowledge.hubspot.com/object-sett...<a href="/t5/Tips-Tricks-Best-Practices/Deal-Approval-Process/td-p/1074026" class="msg-read-more">read more</a> </div> </div> </div> </div> </div> </div> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/800627"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/800627" class="author-name-link"><span class="author-username">MTrevino6</span></a> on <span class="msg-created-date"> November 22, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/Sales-Email/Adding-personalization-Tokens-into-a-URL-Link-for-an-email/td-p/1074007"> Adding personalization Tokens into a URL Link for an email template </a> </div> <div class="msg-body"> Hi HubSpot Community, I'm having an issue with dynamically inserting a custom field into a URL within an email template. Here's the situation: I have a URL structure like this: https://website.com/{{contact.franchise_urls}}/purpose-driven-care/ <a href="/t5/Sales-Email/Adding-personalization-Tokens-into-a-URL-Link-for-an-email/td-p/1074007" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FSales-Email%2FAdding-personalization-Tokens-into-a-URL-Link-for-an-email%2Ftd-p%2F1074007%23reply">Reply</a> <a href="/t5/Sales-Email/Adding-personalization-Tokens-into-a-URL-Link-for-an-email/td-p/1074007" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/Sales-Email/bd-p/crm_setup/label-name/Enterprise" class="blue-btn msg-btn">Enterprise</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">1</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> <div class="reply-box"> <div class="latest-reply-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/73173"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17243i5D1F32478A522B19/image-dimensions/150x150/image-coordinates/165%2C0%2C1445%2C1280?v=v2"> </a> <div class="reply-msg-box"> <div class="reply-top-row"> <div class="reply-top-left-col"> <div class="name-rank-box"> </div> <div class="name-rank-box"> <a href="/t5/user/viewprofilepage/user-id/73173" class="author-name-link"><span class="author-username">franksteiner79</span></a> <span class="rank-img-box"> <img src=""> </span> </div> <div class="rank-role-box"> <span class="role-name">Key Advisor</span> </div> </div> <div class="reply-top-right-col"> <div class="reply-option"> <span class="three-dots-option"></span> <div class="option-dropdown"></div> </div> <div class="reply-posted-time"> <span class="msg-created-date"> November 23, 2024 </span> </div> </div> </div> <div class="reply-bottom-row"> <div class="msg-body reply-msg-body"> Hi @MTrevino6 Thanks for all the details and context. My best guess is that drop-down property might be the issue. Have you tried usin...<a href="/t5/Sales-Email/Adding-personalization-Tokens-into-a-URL-Link-for-an-email/td-p/1074007" class="msg-read-more">read more</a> </div> </div> </div> </div> </div> </div> <div class="custom-MessageView"> <div class="first-message-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/861413"><img src="https://community.hubspot.com/t5/image/serverpage/avatar-name/Avatar-Hubspot/avatar-theme/candy/avatar-collection/1_Hubspot/avatar-display-size/profile/version/2?xdesc=1.0"> </a> <div class="first-message-box__wrapper"> <div class="first-message-layout"> <div class="message-info-wrap"> <div class="author-info-box"> <a href="/t5/user/viewprofilepage/user-id/861413" class="author-name-link"><span class="author-username">CarlosMOS</span></a> on <span class="msg-created-date"> November 22, 2024 </span> </div> <div class="msg-subject "> <a href="/t5/CRM/Confusion-about-quot-Company-Owner-quot-property-meaning-in/td-p/1074003"> Confusion about "Company Owner" property meaning in HubSpot </a> </div> <div class="msg-body"> Hi everyone, I wanted to share an issue I’ve encountered with my team regarding the "Company Owner" property in HubSpot. When assigning a company to a team member, their name appears as the "Company Owner" in the record. However, several team <a href="/t5/CRM/Confusion-about-quot-Company-Owner-quot-property-meaning-in/td-p/1074003" class="msg-read-more">read more</a> </div> <div class="message-stats-wrapper Profile-box"> <div class="button-box"> <a class="btn-reply" href="https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2Fcommunity.hubspot.com%2Ft5%2FCRM%2FConfusion-about-quot-Company-Owner-quot-property-meaning-in%2Ftd-p%2F1074003%23reply">Reply</a> <a href="/t5/CRM/Confusion-about-quot-Company-Owner-quot-property-meaning-in/td-p/1074003" class="discussion-btn msg-btn"> Discussion </a> <a href="/t5/CRM/bd-p/sales_CRM/label-name/Starter" class="blue-btn msg-btn">Starter</a> </div> <div class="msg-stats"> <div class="upvotes-box stat-box"> <span class="upvote-icon stat-icon" title="Upvotes"></span> <span class="upvote-count stat-count" title="Upvotes">0</span> <span title="Upvotes">upvote</span> </div> <div class="stat-box"> <span class="reply-icon stat-icon" title="Total posts"></span> <span class="reply-count stat-count" title="Total posts">1</span> <span title="Total posts">Reply</span> </div> </div> </div> </div> </div> </div> </div> <div class="reply-box"> <div class="latest-reply-box message-box"> <a class="author-img-floated" href="/t5/user/viewprofilepage/user-id/111325"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/94937i541C6229094CA9C4/image-dimensions/150x150/image-coordinates/0%2C0%2C400%2C400?v=v2"> </a> <div class="reply-msg-box"> <div class="reply-top-row"> <div class="reply-top-left-col"> <div class="name-rank-box"> </div> <div class="name-rank-box"> <a href="/t5/user/viewprofilepage/user-id/111325" class="author-name-link"><span class="author-username">karstenkoehler</span></a> <span class="rank-img-box"> <img src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/partner-color.svg"> </span> </div> <div class="rank-role-box"> <span class="role-name">Hall of Famer | Partner</span> </div> </div> <div class="reply-top-right-col"> <div class="reply-option"> <span class="three-dots-option"></span> <div class="option-dropdown"></div> </div> <div class="reply-posted-time"> <span class="msg-created-date"> November 23, 2024 </span> </div> </div> </div> <div class="reply-bottom-row"> <div class="msg-body reply-msg-body"> Hi @CarlosMOS , You're correct: The "Company Owner" property is just meant to show who’s responsible for managing the company’s record, not wh...<a href="/t5/CRM/Confusion-about-quot-Company-Owner-quot-property-meaning-in/td-p/1074003" class="msg-read-more">read more</a> </div> </div> </div> </div> </div> </div> <div data-count="18361" style="display:none" class="data-count"></div> <div class="pagination-recent-post pagination view-more-button" data-count="18361" id="pagination"></div> </div> <div class="ajax-loading" style="display: none;"><img src="/html/assets/ajax-loadergif.gif"></div> </div> </div> <script type="text/javascript" src="https://community.hubspot.com/html/@D6EB57010584F195681FEB0B5BD27E1E/assets/pagination.core_latest.js"></script> <script type="text/javascript" src="https://community.hubspot.com/html/@D6EB57010584F195681FEB0B5BD27E1E/assets/pagination.core_latest.js"></script> </div> </div><div class="lia-quilt-column lia-quilt-column-06 lia-quilt-column-right lia-quilt-column-side-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-right"> <a href="https://community.hubspot.com/t5/Announcements/Sign-up-for-the-Community-Newsletter/ba-p/380154" class="custom-large-cta"> <div class="cta-wrapper"> <div class="image-wrapper"> <img src="/html/assets/sunny.svg" alt=""> </div> <div class="CTA-text"> <h1> Sign up for the Community Newsletter </h1> </div> <div class="lorem-text"> <p>Receive Community updates and events in your inbox every Monday morning.</p> </div> </div> </a> <div class="second_wrapper"> <div class="post-wrapper"> <p class="cant-find-what-you">Looking to start a conversation or ask a question? </p> </div> <div class="Forum-side-wrapper side-wrapper-content"> <div class="create-option-wrapper"> <a href="/t5/forums/postpage/category-id/sales/choose-node/true" class="btn btn-sm button-primary"> <span>Create a post</span> </a> <div class="lia-menu-navigation-wrapper lia-js-hidden lia-menu-action lia-page-options lia-component-community-widget-page-options" id="actionMenuDropDown_235c773bfd53b8"> <div class="lia-menu-navigation"> <div class="dropdown-default-item"><a title="Show option menu" class="lia-js-menu-opener default-menu-option lia-js-click-menu lia-link-navigation" aria-expanded="false" role="button" aria-label="Options" id="dropDownLink_235c773bfd53b8" href="#">Options</a> <div class="dropdown-positioning"> <div class="dropdown-positioning-static"> <ul aria-label="Dropdown menu items" role="list" id="dropdownmenuitems_235c773bfd53b8" class="lia-menu-dropdown-items"> <li role="listitem"><li:subscriptions-category-subscription-editor class="lia-limuirs-comp lia-component-categories-widget-add-category-user-email" data-lia-limuirs-comp="{"mode":"DEFAULT","componentId":"categories.widget.add-category-user-email","path":"limuirs\u002Fcomponents\u002Fsubscriptions\u002FCategorySubscriptionEditor","alias":"categories.widget.add-category-user-email","instance":0,"fqPath":"0\u002Flimuirs\u002Fcomponents\u002Fsubscriptions\u002FCategorySubscriptionEditor"}"><span class="lia-menu-item lia-link-navigation lia-link-disabled lia-category-subscription-link">Subscribe</span></li:subscriptions-category-subscription-editor></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lia-panel lia-panel-standard AcceptedSolutionsLeaderboardTaplet Chrome lia-component-solutions-widget-accepted-solutions-leaderboard-taplet"><div class="lia-decoration-border"><div class="lia-decoration-border-top"><div> </div></div><div class="lia-decoration-border-content"><div><div class="lia-panel-heading-bar-wrapper"><div class="lia-panel-heading-bar"><span aria-level="3" role="heading" class="lia-panel-heading-bar-title">Top Solution Authors</span></div></div><div class="lia-panel-content-wrapper"><div class="lia-panel-content"> <div class="UserList lia-component-users-widget-user-list"> <span id="user-listuserList"> </span> <div class="t-data-grid" id="grid"> <table role="presentation" class="lia-list-slim"> <thead class="lia-table-head" id="columns"><tr><th scope="col" class="userColumn lia-data-cell-primary lia-data-cell-text t-first"> <span class="lia-view-filter lia-link-disabled" aria-disabled="true" id="link_11">User</span> </th><th scope="col" class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer t-last"> Solutions </th></tr></thead> <tbody> <tr class="lia-list-row lia-row-odd t-first"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-111325 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_12" href="/t5/user/viewprofilepage/user-id/111325"><img class="lia-user-avatar-message" title="karstenkoehler" alt="karstenkoehler" id="display_0" src="/t5/image/serverpage/image-id/94937i541C6229094CA9C4/image-dimensions/38x38/image-coordinates/0%2C0%2C400%2C400?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Hall-of-Famer---Partner"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of karstenkoehler" itemprop="url" id="link_13" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/111325"><span class="">karstenkoehler</span></a> <img class="lia-user-rank-icon lia-user-rank-icon-right" title="Hall of Famer | Partner" alt="Hall of Famer | Partner" id="display_1" src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/partner-color.svg"> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 1,090"> 1090 </td></tr><tr class="lia-list-row lia-row-even"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-363300 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_14" href="/t5/user/viewprofilepage/user-id/363300"><img class="lia-user-avatar-message" title="Jnix284" alt="Jnix284" id="display_2" src="/t5/image/serverpage/image-id/63384iEE9BBBF006FB1880/image-dimensions/38x38/image-coordinates/0%2C0%2C400%2C400?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Hall-of-Famer"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of Jnix284" itemprop="url" id="link_15" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/363300"><span class="">Jnix284</span></a> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 214"> 214 </td></tr><tr class="lia-list-row lia-row-odd"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-640 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_16" href="/t5/user/viewprofilepage/user-id/640"><img class="lia-user-avatar-message" title="Lucila-Andimol" alt="Lucila-Andimol" id="display_3" src="/t5/image/serverpage/image-id/51165iEDCBDF635B851437/image-dimensions/38x38/image-coordinates/769%2C0%2C3086%2C2317?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Thought-Leader---Platinum-Partner"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of Lucila-Andimol" itemprop="url" id="link_17" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/640"><span class="">Lucila-Andimol</span></a> <img class="lia-user-rank-icon lia-user-rank-icon-right" title="Thought Leader | Platinum Partner" alt="Thought Leader | Platinum Partner" id="display_4" src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/platinum-color.svg"> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 205"> 205 </td></tr><tr class="lia-list-row lia-row-even"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-73173 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_18" href="/t5/user/viewprofilepage/user-id/73173"><img class="lia-user-avatar-message" title="franksteiner79" alt="franksteiner79" id="display_5" src="/t5/image/serverpage/image-id/17243i5D1F32478A522B19/image-dimensions/38x38/image-coordinates/320%2C0%2C1600%2C1280?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Key-Advisor"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of franksteiner79" itemprop="url" id="link_19" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/73173"><span class="">franksteiner79</span></a> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 90"> 90 </td></tr><tr class="lia-list-row lia-row-odd"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-141 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_20" href="/t5/user/viewprofilepage/user-id/141"><img class="lia-user-avatar-message" title="TomM2" alt="TomM2" id="display_6" src="/t5/image/serverpage/image-id/85434iB7C5AAFDC991A8DE/image-dimensions/38x38/image-coordinates/0%2C204%2C1232%2C1436?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Thought-Leader---Platinum-Partner"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of TomM2" itemprop="url" id="link_21" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/141"><span class="">TomM2</span></a> <img class="lia-user-rank-icon lia-user-rank-icon-right" title="Thought Leader | Platinum Partner" alt="Thought Leader | Platinum Partner" id="display_7" src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/platinum-color.svg"> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 74"> 74 </td></tr><tr class="lia-list-row lia-row-even"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-682175 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_22" href="/t5/user/viewprofilepage/user-id/682175"><img class="lia-user-avatar-message" title="DSharma02" alt="DSharma02" id="display_8" src="/t5/image/serverpage/image-id/105974iD84D916B69FE9DD3/image-dimensions/38x38/image-coordinates/0%2C0%2C400%2C400?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Contributor"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of DSharma02" itemprop="url" id="link_23" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/682175"><span class="">DSharma02</span></a> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 74"> 74 </td></tr><tr class="lia-list-row lia-row-odd"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-781425 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_24" href="/t5/user/viewprofilepage/user-id/781425"><img class="lia-user-avatar-message" title="Gaurav_Aggarwal" alt="Gaurav_Aggarwal" id="display_9" src="/t5/image/serverpage/image-id/121558iBA0D96D36ABB09C4/image-dimensions/38x38/image-coordinates/0%2C0%2C340%2C340?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Key-Advisor---Partner"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of Gaurav_Aggarwal" itemprop="url" id="link_25" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/781425"><span class="">Gaurav_Aggarwal</span></a> <img class="lia-user-rank-icon lia-user-rank-icon-right" title="Key Advisor | Partner" alt="Key Advisor | Partner" id="display_10" src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/partner-color.svg"> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 60"> 60 </td></tr><tr class="lia-list-row lia-row-even t-last"><td class="userColumn lia-data-cell-primary lia-data-cell-text"> <div class="UserProfileSummary lia-user-item lia-js-data-userId-2062 lia-user-info-group"> <div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <a class="UserAvatar lia-link-navigation" tabindex="-1" target="_self" id="link_26" href="/t5/user/viewprofilepage/user-id/2062"><img class="lia-user-avatar-message" title="Josh" alt="Josh" id="display_11" src="/t5/image/serverpage/image-id/33700iE12B3A1E02232C5C/image-dimensions/38x38?v=v2"> </a> </div> <div class="lia-user-attributes"> <div class="lia-user-name"> <span class="UserName lia-user-name lia-user-rank-Recognized-Expert---Diamond-Partner"> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="" target="_self" aria-label="View Profile of Josh" itemprop="url" id="link_27" href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/2062"><span class="">Josh</span></a> <img class="lia-user-rank-icon lia-user-rank-icon-right" title="Recognized Expert | Diamond Partner" alt="Recognized Expert | Diamond Partner" id="display_12" src="https://cdn2.hubspot.net/hubfs/53/Partners%20Redesign%202019/Agencies/tag-icons/diamond-color.svg"> </span> </div> </div> </div> </td><td class="acceptedSolutionsCountColumn lia-data-cell-tertiary lia-data-cell-integer" aria-label="Number of accepted solutions: 59"> 59 </td></tr> </tbody> </table> </div> </div> <div class="lia-view-all"><a class="lia-link-navigation" id="link_28" href="/t5/solutions/acceptedsolutionsleaderboardpage/node-display-id/category%3Asales/timerange/six_months">View All</a></div> </div></div></div></div><div class="lia-decoration-border-bottom"><div> </div></div></div></div> <div class="trending-discussion-wrapper AcceptedSolutionsLeaderboardTaplet"> <div class="lia-panel-heading-bar-wrapper"> <div class="lia-panel-heading-bar"> <span class="lia-panel-heading-bar-title"> Trending Topics </span> </div> </div> <div class="lia-panel-content-wrapper"> <ul class="user-trending-list"> <li class="user-trending-list-item"> <a href="/t5/Account-Settings/Credit-amp-Refund-with-No-Reaseon/td-p/999995">Credit & Refund with No Reaseon</a> </li> <li class="user-trending-list-item"> <a href="/t5/Dashboards-Reporting/Same-reports-different-values/td-p/999948">Same reports, different values</a> </li> <li class="user-trending-list-item"> <a href="/t5/CRM/quot-Error-initiating-your-Salesforce-sync-quot/td-p/999936">"Error initiating your Salesforce sync"</a> </li> <li class="user-trending-list-item"> <a href="/t5/Tips-Tricks-Best-Practices/Produkte-Artikel-einem-Dealimport-zuordnen/td-p/999935">Produkte/Artikel einem Dealimport zuordnen</a> </li> <li class="user-trending-list-item"> <a href="/t5/Gmail-Sales-Extension/Attachments-not-logging-for-emails-maybe-because-of-multiple/td-p/999868">Attachments not logging for emails (maybe because of multiple recipients?)</a> </li> <li class="user-trending-list-item"> <a href="/t5/Tips-Tricks-Best-Practices/Duplicates/td-p/999866">Duplicates</a> </li> <li class="user-trending-list-item"> <a href="/t5/Sales-Hub-Tools/Switching-an-automated-email-in-a-sequence-to-Manual/td-p/999863">Switching an automated email in a sequence to Manual</a> </li> <li class="user-trending-list-item"> <a href="/t5/Sales-Hub-Tools/Meeting-Link-Embed-disappearing/td-p/999841">Meeting Link Embed disappearing</a> </li> <li class="user-trending-list-item"> <a href="/t5/CRM/Creating-actionable-tasks-from-Reports/td-p/999777">Creating actionable tasks from Reports</a> </li> <li class="user-trending-list-item"> <a href="/t5/CRM/First-Page-Seen-amp-amp-Last-Page-Seen-Population-Need-Help/td-p/999767">First Page Seen &amp; Last Page Seen Population - Need Help!</a> </li> </ul> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single">  <footer class="community-footer"> <div class="community-footer-wrapper template-centered"> <div class="footer-responsive"> <div class="contain-top"> <div class="col"> <h5>HubSpot</h5> <ul> <li><a href="https://www.hubspot.com/">Home</a></li> <li><a href="https://help.hubspot.com/">Help</a></li> <li><a href="https://academy.hubspot.com/">Academy</a></li> <li><a href="https://knowledge.hubspot.com/">Knowledge Base</a></li> <li><a href="https://ecosystem.hubspot.com/marketplace/solutions">Solutions Directory</a></li> <li><a href="https://blog.hubspot.com/">Blog</a></li> </ul> </div> <div class="col"> <h5>Get involved</h5> <ul> <li><a href= "https://offers.hubspot.com/community-champions" class="">Community Champions</a> </li> <li><a href= "https://www.hubspot.com/hubspot-user-groups" class="">HubSpot User Groups</a></li> <li><a href= "https://www.hubspot.com/partners/solutions" class="">Solutions Partner Program</a></li> <li><a href= "https://www.hubspot.com/community-newsletter" class="">Community Newsletter</a></li> </ul> </div> <div class="col"> <h5>Community</h5> <ul> <li><a href= "https://community.hubspot.com/t5/CRM-Sales-Hub/ct-p/sales">CRM & Sales</a></li> <li><a href= "https://community.hubspot.com/t5/Marketing-Hub/ct-p/marketing">Marketing</a></li> <li><a href= "https://community.hubspot.com/t5/Service-Hub/ct-p/service_hub">Service</a></li> <li><a href= "https://community.hubspot.com/t5/RevOps-Operations/ct-p/Operations">RevOps & Operations</a></li> <li><a href= "https://community.hubspot.com/t5/HubSpot-Developers/ct-p/developers" class="">Developers</a></li> <li><a href= "https://community.hubspot.com/t5/Getting-Started-on-the-Community/How-to-join-the-Solutions-Partner-Program/ba-p/400205" class="">Partners</a></li> </ul> </div> <div class="col"> <ul> <li><a href= "https://community.hubspot.com/t5/Academy/ct-p/academy">Academy</a></li> <li><a href= "https://community.hubspot.com/t5/Groups/ct-p/groups">Groups</a></li> <li><a href= "/t5/Advocacy/ct-p/advocacy" class="">Advocacy</a></li> <li><a href= "/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas" class="">Ideas</a></li> </ul> </div> </div> <div class="contain-top-two"> <hr class="seperator"> </div> </div> <div class="footer-main-two"> <div class="footer-copywrite-container"> <a href="/" id="footer-logo" class="footer-wordmark"> <img src="https://community.hubspot.com/html/@B5A74D0D426EC31D4B4C76F0526FF1E5/assets/HS_Logo_Wordmark-White.svg" alt="hubspot"> </a> <span id="copywrite">Copyright © 2024 HubSpot, Inc.</span> </div> <div class="footer-links-container"> <ul class="footer-link"> <li> <a href="https://legal.hubspot.com/privacy-policy" class="footer-terms">Privacy Policy</a> </li> <li> <a href="https://legal.hubspot.com/community-tou" class="footer-privacy">Community Terms of Use</a> </li> <li> <a href="https://community.hubspot.com/t5/Getting-Started-on-the-Community/HubSpot-Community-Guidelines/ba-p/384050" class="footer-guidelines">Community Guidelines</a> </li> <li> <a href="https://status.hubspot.com/" class="footer-status">Status</a> </li> <li> <a href="https://legal.hubspot.com/digital-services-act" class="footer-dsa">DSA Statement</a> </li> <li class="hs-footer-cookie-settings footer-cookie-settings" hidden> <a href=""></a> </li> </ul> </div> </div> </div> </footer> </div> </div> </div> </div> </div> </div> </div> </div> <script> document.cookie = "Crowdvocate_user_ck=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; //console.log('deleting cookie for logged out case'); //console.log('is cookie set? '+ getCookie('Crowdvocate_user_ck')); </script>  <script>window.acsdk = {cid: 'WSUMXJFRDOXTWNTJ8YKRUEQ6GHNP1UAUP9EA', params: {popupDelay: 10, position: [0, 20, 50, 0, 0]}};</script> <script>(function(){var w=window;var ac=w.Crowdvocate;if(typeof ac==="function"){ac('init',w.acsdk);}else{var a=function(){a.c(arguments)};a.q=[];a.c=function(args){a.q.push(args)};w.Crowdvocate=a;} var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src='https://d29zub39v1xeg4.cloudfront.net/api/v1/sdk.js';var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);})();</script>  </center> </div> <a class="lia-link-navigation lia-value-survey-link lia-panel-dialog-trigger lia-panel-dialog-trigger-event-click lia-js-data-dialogKey--377110750" tabindex="-1" aria-hidden="true" id="valueSurveyLauncher" href="#"></a> <script type="text/javascript"> new Image().src = ["/","b","e","a","c","o","n","/","1","2","5","3","8","1","5","0","8","7","6","3","_","1","7","3","2","4","0","1","4","6","3","5","0","3",".","g","i","f"].join(""); </script> <script type="text/javascript" src="/t5/scripts/C1D0FDEB5D557CE5FA1EFA105E95A13F/lia-scripts-common-min.js"></script><script type="text/javascript" src="https://limuirs-assets.lithium.com/assets/limuirs-24_7-vendors~main.5ef86aa8c72fe4cbb8d6.js"></script><script type="text/javascript" src="https://limuirs-assets.lithium.com/assets/limuirs-24_7-main.138f37e85bead07e28fd.js"></script><script type="text/javascript" src="/t5/scripts/B5C836060B648F77E0CD1BF4EB802AA7/lia-scripts-body-min.js"></script><script language="javascript" type="text/javascript">  document.cookie = "advocacyToken=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; document.cookie = "Crowdvocate_jwt_token=; domain=.hubspot.com; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; document.cookie = "Crowdvocate_user_ck=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; })(LITHIUM.jQuery); (function($) { document.addEventListener('gdpr.allow', function() { if (document.querySelector('.lia-cookie-banner-alert-accept a')) { document.querySelector('.lia-cookie-banner-alert-accept a').click(); } }); })(LITHIUM.jQuery); LITHIUM.Link({"linkSelector":"a.lia-link-ticket-post-action"}); ;(function($){ var langMap = { 'en':'hubspot_community_en', 'es':'hubspot_community_es', 'fr':'hubspot_community_fr', 'ja':'hubspot_community_jp', 'pt-br':'hubspot_community_pt', 'de':'hubspot_community_de' } var nodeType = "category"; var langScope = langMap['en']; var isSearchPage = jQuery('body').hasClass('SearchPage'); var isIdeasLandingPage = jQuery('body').hasClass('ideaslandingpage'); if (nodeType === "community" && !isSearchPage && !isIdeasLandingPage) { var inputFormFilter = '<input name="filter" value="location" type="hidden">'; var inputFormLocation = '<input name="location" value="category:' + langScope + '" type="hidden">'; $('form.SearchForm').append(inputFormFilter).append(inputFormLocation); } else if (nodeType === "community" && isIdeasLandingPage) { var searchUrl = "/t5/forums/searchpage/tab/message?filter=location&location=idea-board:HubSpot_Ideas&collapse_discussion=true"; var query = jQuery('.SearchForm .lia-search-input-message').val(); jQuery(document).on('submit', 'form.SearchForm', function(e) { e.preventDefault(); var newQ = "&q=" + document.querySelector('.SearchForm .lia-search-input-wrapper input.search-input').value; window.location = window.location.origin + searchUrl + newQ; }) } })(LITHIUM.jQuery) LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7710a1baf5","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7710a1baf5_0","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7710a1baf5_1","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7710a1baf5_2","feedbackSelector":".InfoMessage"}); LITHIUM.AjaxFeedback(".lia-inline-ajax-feedback", "LITHIUM:hideAjaxFeedback", ".lia-inline-ajax-feedback-persist"); LITHIUM.Placeholder(); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.defaultAjaxFeedbackHtml = \"<div class=\\\"lia-inline-ajax-feedback lia-component-common-widget-ajax-feedback\\\">\\n\\t\\t\\t<div class=\\\"AjaxFeedback\\\" id=\\\"ajaxFeedback_235c7710ccf8be\\\"><\\/div>\\n\\t\\t\\t\\n\\t\\n\\n\\t\\n\\n\\t\\t<\\/div>\";LITHIUM.AjaxSupport.defaultAjaxErrorHtml = \"<span id=\\\"feedback-errorfeedback_235c7710dfa9e5\\\"> <\\/span>\\n\\n\\t\\n\\t\\t<div class=\\\"InfoMessage lia-panel-feedback-inline-alert lia-component-common-widget-feedback\\\" id=\\\"feedback_235c7710dfa9e5\\\">\\n\\t\\t\\t<div role=\\\"alert\\\" class=\\\"lia-text\\\">\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t<p ng-non-bindable=\\\"\\\" tabindex=\\\"0\\\">\\n\\t\\t\\t\\t\\t\\tSorry, unable to complete the action you requested.\\n\\t\\t\\t\\t\\t<\\/p>\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t<\\/div>\\n\\n\\t\\t\\t\\n\\t\\t<\\/div>\";LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7710c3f494', 'disableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'o6YHJ9qFBud-nKp3Z_cBlABhDrTiEFpFl8dcq7rjXSA.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"I8XgQfwiWeRg3aojVcZAvDJpq-hc6hc12g_zE9B_sKQ.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7710c3f494\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7710a1baf5_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.messagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c771111e619', 'disableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'CrtS1W7_B6PnwM0r1MGxnKjkupMWqT3cftNfd8p2-Tk.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"JlTcBVvvM0z6cFyWA2q9URVk3ahiw4YqqJ9XQriB83M.\" rel=\"nofollow\" id=\"disableAutoComplete_235c771111e619\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7710a1baf5_1","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.tkbmessagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching for users...","emptyText":"No Matches","successText":"Users found:","defaultText":"Enter a user name or rank","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c77112c5cc6', 'disableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'Q2Z0lppb2JSAs2aLOsW0c2CcIrAW_GgMb1Xza35c57Y.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"Q0KGdresPztDTLeLDqUVPdj1PTuZPvLJ9hAEuN_nGj8.\" rel=\"nofollow\" id=\"disableAutoComplete_235c77112c5cc6\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#userSearchField_235c7710a1baf5","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield.usersearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:userExistsQuery","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":"#userSearchField_235c7710a1baf5","action":"userExistsQuery","feedbackSelector":"#ajaxfeedback_235c7710a1baf5_0","url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield:userexistsquery?t:ac=category-id/sales&t:cp=search/contributions/page","ajaxErrorEventName":"LITHIUM:ajaxError","token":"032oMsK0-zaDdnpm3vgC3NYO3T-OMJkeG1d5qlDFZHQ."}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c77114a195b', 'disableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'PDjYllWVQn92w8hc-iKeQpNCL5rLTr3LOLhoqS7DjME.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"d0FTtpzTiKWOrAL1yXXYLphQ435ZzHyzfAy9uci9Hw8.\" rel=\"nofollow\" id=\"disableAutoComplete_235c77114a195b\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#noteSearchField_235c7710a1baf5_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.notesearchfield.notesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7711645052', 'disableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'n5YS4vGVDGSulsDMzgh2-vAf9lpgNFB5vE46D8ZpqpQ.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"6zfYgIcBAXr4XHlZE4UBtLNTmYcFSiKo_LIQt4PJCL4.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7711645052\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#productSearchField_235c7710a1baf5","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.productsearchfield.productsearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport.fromLink('#enableAutoComplete_235c7710a1baf5', 'enableAutoComplete', '#ajaxfeedback_235c7710a1baf5_0', 'LITHIUM:ajaxError', {}, 'dG2mLrU8r-4qyom0BxN9vr4FyKAMY0l2eG_d1PZLQfk.', 'ajax'); LITHIUM.Tooltip({"bodySelector":"body#lia-body","delay":30,"enableOnClickForTrigger":false,"predelay":10,"triggerSelector":"#link_235c7710a1baf5","tooltipContentSelector":"#link_235c7710a1baf5_0-tooltip-element .content","position":["bottom","left"],"tooltipElementSelector":"#link_235c7710a1baf5_0-tooltip-element","events":{"def":"focus mouseover keydown,blur mouseout keydown"},"hideOnLeave":true}); LITHIUM.HelpIcon({"selectors":{"helpIconSelector":".help-icon .lia-img-icon-help"}}); LITHIUM.SearchAutoCompleteToggle({"containerSelector":"#searchautocompletetoggle_235c7710a1baf5","enableAutoCompleteSelector":".search-autocomplete-toggle-link","enableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:enableAutoComplete","disableAutoCompleteSelector":".lia-autocomplete-toggle-off","disableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:disableAutoComplete","autoCompleteSelector":".lia-autocomplete-input"}); LITHIUM.SearchForm({"asSearchActionIdSelector":".lia-as-search-action-id","useAutoComplete":true,"selectSelector":".lia-search-form-granularity","useClearSearchButton":false,"buttonSelector":".lia-button-searchForm-action","asSearchActionIdParamName":"as-search-action-id","formSelector":"#lia-searchformV32_235c7710a1baf5","asSearchActionIdHeaderKey":"X-LI-AS-Search-Action-Id","inputSelector":"#messageSearchField_235c7710a1baf5_0:not(.lia-js-hidden)","clearSearchButtonSelector":null}); LITHIUM.Form.resetFieldForFocusFound(); (function($) { document.querySelector('a.login-link').classList.add('homepage-nav-login'); })(LITHIUM.jQuery); ;(function($){ $(document).ready(function() { $(".custom-user-menu-v2 .nav-link").click(function(e) { e.preventDefault(); $(".nav-popover.profile").toggleClass('show'); }); $(".search-toggle-action-icon-plus").on("click",function(e){ e.preventDefault(); $(this).parent().find(".plus-bar-main-content").toggle(); }); //User Avatar $('.header-tab-nav li span').click(function() { $('.header-tab-nav li span').removeClass("active"); if(this.id == 'profile'){ $('span#profile').addClass("active"); $('.header-tab-nav-content > div#profile-list-wrapper').show(); $('.header-tab-nav-content > div#admin-list-wrapper').hide(); $('.header-tab-nav-content > div#profile-list-wrapper').removeClass('profile-menu-dropdown'); } if(this.id == 'admin'){ $('span#admin').addClass("active"); $('.header-tab-nav-content > div#profile-list-wrapper').hide(); $('.header-tab-nav-content > div#admin-list-wrapper').show(); $('.header-tab-nav-content > div#profile-list-wrapper').addClass('profile-menu-dropdown'); } var indexer = $(this).index(); //gets the current index of (this) which is #header-tab-nav li $('.header-tab-nav-content > div:eq(' + indexer + ')').fadeIn(); //uses whatever index the link has to open the corresponding box }); $(this).mouseup(function (e){ var customButton = $('.nav-popover.profile'); if(!$('.custom-menu-caret').is(e.target) && $('.custom-menu-caret').has(e.target).length === 0){ if(!customButton.is(e.target) && customButton.has(e.target).length === 0){ if (!$('.custom-user-menu-v2 > .nav-link').is(e.target) && $('.custom-user-menu-v2 > .nav-link').has(e.target).length === 0) { customButton.removeClass('show'); } } } var menuWrapper = $('.menu-wrapper'); if(!menuWrapper.is(e.target) && menuWrapper.has(e.target).length === 0){ if (!$('.menu').is(e.target) && $('.menu').has(e.target).length === 0) { menuWrapper.removeClass('offcanvas'); } } var container = $(".plus-bar-main-content"); var customButton = $(".search-toggle-action-icon-plus"); if (!customButton.is(e.target) && customButton.has(e.target).length === 0) { container.hide(); } if(!$('.lang-picker-wrapper').is(e.target) && $('.lang-picker-wrapper').has(e.target).length === 0){ if (!$('.lang-picker').is(e.target) && $('.lang-picker').has(e.target).length === 0) { $('.lang-picker').removeClass('show'); } } }); //SCROLL JS $(window).scroll(function(e) { e.preventDefault(); if($('.nav-popover.profile').hasClass("show")){ if ($(this).scrollTop() > 0) { $('.nav-popover.profile').removeClass("show"); } else { $('.nav-popover.profile').addClass("show"); } } if($('.nav-popover.get-hubspot').hasClass("show")){ if ($(this).scrollTop() > 0) { $('.nav-popover.get-hubspot').removeClass("show"); } else { $('.nav-popover.get-hubspot').addClass("show"); } } if ($(this).scrollTop() > 0) { $('.search-input.lia-search-input-message').blur(); $('.plus-bar-main-content').hide(); } }); }); jQuery('.lang-picker-wrapper').click(function(){ jQuery(".lang-picker").toggleClass('show'); }); jQuery('.lia-cat-sub-editor-modal .lia-ui-modal-footer .lia-button-Submit-action').live('click',function(){ setTimeout( function() { location.reload(true); },1000); }); })(LITHIUM.jQuery); ;(function($){ var langMap = { 'en':'hubspot_community_en', 'es':'hubspot_community_es', 'fr':'hubspot_community_fr', 'ja':'hubspot_community_jp', 'pt-br':'hubspot_community_pt', 'de':'hubspot_community_de' } var nodeType = "category"; var langScope = langMap['en']; var isSearchPage = jQuery('body').hasClass('SearchPage'); var isIdeasLandingPage = jQuery('body').hasClass('ideaslandingpage'); if (nodeType === "community" && !isSearchPage && !isIdeasLandingPage) { var inputFormFilter = '<input name="filter" value="location" type="hidden">'; var inputFormLocation = '<input name="location" value="category:' + langScope + '" type="hidden">'; $('form.SearchForm').append(inputFormFilter).append(inputFormLocation); } else if (nodeType === "community" && isIdeasLandingPage) { var searchUrl = "/t5/forums/searchpage/tab/message?filter=location&location=idea-board:HubSpot_Ideas&collapse_discussion=true"; var query = jQuery('.SearchForm .lia-search-input-message').val(); jQuery(document).on('submit', 'form.SearchForm', function(e) { e.preventDefault(); var newQ = "&q=" + document.querySelector('.SearchForm .lia-search-input-wrapper input.search-input').value; window.location = window.location.origin + searchUrl + newQ; }) } })(LITHIUM.jQuery) LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7711ba536b","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7711ba536b_0","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7711ba536b_1","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7711ba536b_2","feedbackSelector":".InfoMessage"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7711d86514', 'disableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, 'jeSRuAzc1VhZYZGfJci7PkHaFRgwrR6vJ1-xDkjt3K4.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"OW3kkIIhr3hbHO7w4cIi2ThN3n14_hP1TebptbvVhzs.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7711d86514\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7711ba536b_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.messagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7711f10a8d', 'disableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, 'c23Yw1BBjZkiNPkPCsEx-_59FZ6INA_kyQQD69kBiLY.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"HCv1t9Q7gLJPKqWahKpydYx33vy3Cohd3ra2Tp4jDgI.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7711f10a8d\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7711ba536b_1","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.tkbmessagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching for users...","emptyText":"No Matches","successText":"Users found:","defaultText":"Enter a user name or rank","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c77120a470b', 'disableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, 'c04RDl4SQuFUA5mhLbtnHjmkrpYabGOmQgyNPDEGZzo.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"oW4gaem5MPqmEpAF-dL8UwJDJ7tS74DMsy-MU4UcnUY.\" rel=\"nofollow\" id=\"disableAutoComplete_235c77120a470b\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#userSearchField_235c7711ba536b","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield.usersearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:userExistsQuery","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":"#userSearchField_235c7711ba536b","action":"userExistsQuery","feedbackSelector":"#ajaxfeedback_235c7711ba536b_0","url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield:userexistsquery?t:ac=category-id/sales&t:cp=search/contributions/page","ajaxErrorEventName":"LITHIUM:ajaxError","token":"eoGQdAu0eyQOwteE2DswtSf-cILnMgUosfhYI19qZuU."}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c771225a4db', 'disableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, '0aAx1sBH7pSI5qo0aHIHOB3i2dcZKa1FOtLSjwYqk2w.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"Qlvhcts5L2947uQnbqUdE27B8M1WRT2-nPOseXbQQ2s.\" rel=\"nofollow\" id=\"disableAutoComplete_235c771225a4db\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#noteSearchField_235c7711ba536b_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.notesearchfield.notesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7712405eaf', 'disableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, 'S76mUW_FSmeZe7Sm1m3vHwKYtsNOjnjNCQHiDU8mdJY.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"BSXbsjOlUjVMi3CnZv2NCgnRrWDqRV4wSbwfctCfuiM.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7712405eaf\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#productSearchField_235c7711ba536b","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.productsearchfield.productsearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport.fromLink('#enableAutoComplete_235c7711ba536b', 'enableAutoComplete', '#ajaxfeedback_235c7711ba536b_0', 'LITHIUM:ajaxError', {}, '6V5BDNXSj3ATkRTOJF1jGuvHeL789BkT5RGpTXgE2BM.', 'ajax'); LITHIUM.Tooltip({"bodySelector":"body#lia-body","delay":30,"enableOnClickForTrigger":false,"predelay":10,"triggerSelector":"#link_235c7711ba536b","tooltipContentSelector":"#link_235c7711ba536b_0-tooltip-element .content","position":["bottom","left"],"tooltipElementSelector":"#link_235c7711ba536b_0-tooltip-element","events":{"def":"focus mouseover keydown,blur mouseout keydown"},"hideOnLeave":true}); LITHIUM.HelpIcon({"selectors":{"helpIconSelector":".help-icon .lia-img-icon-help"}}); LITHIUM.SearchAutoCompleteToggle({"containerSelector":"#searchautocompletetoggle_235c7711ba536b","enableAutoCompleteSelector":".search-autocomplete-toggle-link","enableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:enableAutoComplete","disableAutoCompleteSelector":".lia-autocomplete-toggle-off","disableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:disableAutoComplete","autoCompleteSelector":".lia-autocomplete-input"}); LITHIUM.SearchForm({"asSearchActionIdSelector":".lia-as-search-action-id","useAutoComplete":true,"selectSelector":".lia-search-form-granularity","useClearSearchButton":false,"buttonSelector":".lia-button-searchForm-action","asSearchActionIdParamName":"as-search-action-id","formSelector":"#lia-searchformV32_235c7711ba536b","nodesModel":{"sales|category":{"title":"Search Category: CRM & Sales Hub","inputSelector":".lia-search-input-message"},"user|user":{"title":"Users","inputSelector":".lia-search-input-user"},"mjmao93648|community":{"title":"Search Community: CRM & Sales Hub","inputSelector":".lia-search-input-message"}},"asSearchActionIdHeaderKey":"X-LI-AS-Search-Action-Id","inputSelector":"#messageSearchField_235c7711ba536b_0:not(.lia-js-hidden)","clearSearchButtonSelector":null}); (function($) { document.querySelector('a.login-link').classList.add('homepage-nav-login'); })(LITHIUM.jQuery); (function($) { if ( $('.lia-notification-feed-page-link').length ) { $('.lia-notification-feed-page-link').addClass('nav-notifs'); } if ( $('.private-notes-link').length ) { $('.private-notes-link').addClass('nav-mail'); } })(LITHIUM.jQuery); ;(function($){ $('.custom-search-focus').on('click', function() { $('.lia-search-input-message').focus(); }); })(LITHIUM.jQuery); // Pull in global jQuery reference if (document.querySelectorAll('.lia-component-admin-widget-moderation-manager')[0]) { document.querySelectorAll('.lia-component-admin-widget-moderation-manager')[0].href = "/t5/bizapps/page/tab/community%3Amoderation?filter=includeForums&sort_by=-topicPostDate&include_forums=true&collapse_discussion=true" } ;(function($) { $("#get-hubspot-free").click(function(){ $("#get-hubspot").toggleClass("show"); }); // Closes dropdown boxes when clicking outside of the box // click listener applied inline, function in script tag window.onclick = function(e) { if (e.target?.matches && !e.target?.matches('#get-hubspot-free')) { if (document.getElementById("get-hubspot")) { if (document.getElementById("get-hubspot").classList.contains('show')) { document.getElementById("get-hubspot").classList.remove('show'); } } } if (e.target?.matches && !e.target?.matches('#current-language')) { if (document.getElementById("lang-picker-global")) { if (document.getElementById("lang-picker-global").classList.contains('show')) { document.getElementById("lang-picker-global").classList.remove('show'); } } } }; $(window).scroll(function(){ if ($(this).scrollTop() > 65) { $('.forum-nav-bar').addClass('ch-sticky'); $('.community-header-nav').addClass('ch-space'); } else { $('.forum-nav-bar').removeClass('ch-sticky'); $('.community-header-nav').removeClass('ch-space');; } }); $('span.custom-menu-caret').on('click',function(){ $(this).siblings('.nav-popover.profile').toggleClass('show'); }); })(LITHIUM.jQuery); (function($) { $(document).ready(function(){ try{ var PostURl = '' if('category'==='board'){ var PostURl = '/t5/forums/postpage/board-id/sales' }else if('category'==='category') { var PostURl = '/t5/forums/postpage/category-id/sales'} var searchSelector = $('.custom-search-wrapper .lia-autocomplete-container .lia-autocomplete-footer'); var data = "<div class='search-post-buttons'><span>Can't find what you're looking for?</span> <a href='"+PostURl+"' class='btn btn-sm button-primary'><span>Ask A Question</span></a> </div>"; $(data).insertAfter(searchSelector[0]); }catch(err){ console.log(err); } }); })(LITHIUM.jQuery); (function($) { $(document).ready(function(){ $('.lia-quilt-idea-exchange-page-filtered-v2 .custom-v2-banner .search-input, .lia-quilt-idea-page-filtered .custom-v2-banner .search-input').attr('placeholder', 'Search for Ideas'); }); })(LITHIUM.jQuery); ;(function($){ var langMap = { 'en':'hubspot_community_en', 'es':'hubspot_community_es', 'fr':'hubspot_community_fr', 'ja':'hubspot_community_jp', 'pt-br':'hubspot_community_pt', 'de':'hubspot_community_de' } var nodeType = "category"; var langScope = langMap['en']; var isSearchPage = jQuery('body').hasClass('SearchPage'); var isIdeasLandingPage = jQuery('body').hasClass('ideaslandingpage'); if (nodeType === "community" && !isSearchPage && !isIdeasLandingPage) { var inputFormFilter = '<input name="filter" value="location" type="hidden">'; var inputFormLocation = '<input name="location" value="category:' + langScope + '" type="hidden">'; $('form.SearchForm').append(inputFormFilter).append(inputFormLocation); } else if (nodeType === "community" && isIdeasLandingPage) { var searchUrl = "/t5/forums/searchpage/tab/message?filter=location&location=idea-board:HubSpot_Ideas&collapse_discussion=true"; var query = jQuery('.SearchForm .lia-search-input-message').val(); jQuery(document).on('submit', 'form.SearchForm', function(e) { e.preventDefault(); var newQ = "&q=" + document.querySelector('.SearchForm .lia-search-input-wrapper input.search-input').value; window.location = window.location.origin + searchUrl + newQ; }) } })(LITHIUM.jQuery) LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7714212593","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7714212593_0","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7714212593_1","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_235c7714212593_2","feedbackSelector":".InfoMessage"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c77143d468c', 'disableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'EFZBieXil9fy6j-MhtwqMPJuJFGj0olidqm4GXvr6YQ.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"UHcxvAMPvOW4EEfSJF2d8PeEgLSEtjPz6ehn-2WvSKs.\" rel=\"nofollow\" id=\"disableAutoComplete_235c77143d468c\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7714212593_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.messagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7714563a30', 'disableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'uPmKkhsZGg4Uc2uLOW5b3vUVNq_qGnT9OHg75zFdVvM.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"AnVDhOUM9w0AUg3ig9G0XgRu2bemVG-wr6SjnbvSuxI.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7714563a30\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_235c7714212593_1","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.tkbmessagesearchfield.messagesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching for users...","emptyText":"No Matches","successText":"Users found:","defaultText":"Enter a user name or rank","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c77146e9913', 'disableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'mN_8XGU80m0Al0SXA02hxhs6UpaegHgk3QTiyNILU7g.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"NGWvLRf_Pop1PCJb1oIRdgsOVN5c1mHgINbAavwg4rc.\" rel=\"nofollow\" id=\"disableAutoComplete_235c77146e9913\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#userSearchField_235c7714212593","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield.usersearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:userExistsQuery","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":"#userSearchField_235c7714212593","action":"userExistsQuery","feedbackSelector":"#ajaxfeedback_235c7714212593_0","url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.usersearchfield:userexistsquery?t:ac=category-id/sales&t:cp=search/contributions/page","ajaxErrorEventName":"LITHIUM:ajaxError","token":"FNafXK1NRZSkQMDdMKo7-HO94ZzpkVLyuigTS43UsWc."}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7714891a39', 'disableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'IG7zQB07TA7V-ft-3j7wdjFrayOmrsXfUygOJDVpnUg.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"BRSjhHrdYP3s7CnXMiB1dzokmUK6zTS8tKPFNKOaH8s.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7714891a39\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#noteSearchField_235c7714212593_0","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.notesearchfield.notesearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_235c7714a27f25', 'disableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'wKuZg7kfAuP_6VPDk_aQc_Nh2J7T2HvwMEb8OblyZTk.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"t2jXBr7fOQN2yyw3t1Ce7PFwwQ6i5BCQdWgMK80EPdM.\" rel=\"nofollow\" id=\"disableAutoComplete_235c7714a27f25\" href=\"https://community.hubspot.com/t5/community/categorypage.disableautocomplete:disableautocomplete?t:ac=category-id/sales&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#productSearchField_235c7714212593","redirectToItemLink":false,"url":"https://community.hubspot.com/t5/community/categorypage.searchformv32.productsearchfield.productsearchfield:autocomplete?t:ac=category-id/sales&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport.fromLink('#enableAutoComplete_235c7714212593', 'enableAutoComplete', '#ajaxfeedback_235c7714212593_0', 'LITHIUM:ajaxError', {}, 'Y2nGXkivvTVduduYCb_qoEbSpPWy6Pxii-ltnfSTQKU.', 'ajax'); LITHIUM.Tooltip({"bodySelector":"body#lia-body","delay":30,"enableOnClickForTrigger":false,"predelay":10,"triggerSelector":"#link_235c7714212593","tooltipContentSelector":"#link_235c7714212593_0-tooltip-element .content","position":["bottom","left"],"tooltipElementSelector":"#link_235c7714212593_0-tooltip-element","events":{"def":"focus mouseover keydown,blur mouseout keydown"},"hideOnLeave":true}); LITHIUM.HelpIcon({"selectors":{"helpIconSelector":".help-icon .lia-img-icon-help"}}); LITHIUM.SearchAutoCompleteToggle({"containerSelector":"#searchautocompletetoggle_235c7714212593","enableAutoCompleteSelector":".search-autocomplete-toggle-link","enableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:enableAutoComplete","disableAutoCompleteSelector":".lia-autocomplete-toggle-off","disableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:disableAutoComplete","autoCompleteSelector":".lia-autocomplete-input"}); LITHIUM.SearchForm({"asSearchActionIdSelector":".lia-as-search-action-id","useAutoComplete":true,"selectSelector":".lia-search-form-granularity","useClearSearchButton":false,"buttonSelector":".lia-button-searchForm-action","asSearchActionIdParamName":"as-search-action-id","formSelector":"#lia-searchformV32_235c7714212593","nodesModel":{"sales|category":{"title":"Search Category: CRM & Sales Hub","inputSelector":".lia-search-input-message"},"user|user":{"title":"Users","inputSelector":".lia-search-input-user"},"mjmao93648|community":{"title":"Search Community: CRM & Sales Hub","inputSelector":".lia-search-input-message"}},"asSearchActionIdHeaderKey":"X-LI-AS-Search-Action-Id","inputSelector":"#messageSearchField_235c7714212593_0:not(.lia-js-hidden)","clearSearchButtonSelector":null}); ;(function($) { // Custom Tabs Accordian JS var tab = $('.custom-dashboard-tabs__list .custom-dashboard-tabs__item'); var mobileTab = $('.custom-dashboard-tabs__list'); tab.on('click',function(e){ e.preventDefault(); $(this).addClass('active').siblings().removeClass('active'); var selectedTab = $(this).attr('data-tab-id'); var tabsType = $(this).closest('.custom-dashboard-tabs').attr('id'); loadTabContent(selectedTab,tabsType); }); mobileTab.on('change',function(){ var selectedMobileTab= $(this).find(":selected").attr('data-tab-id'); var selectedMobileTabType= $(this).closest(".custom-dashboard-tabs").attr('id'); loadTabContent(selectedMobileTab,selectedMobileTabType); }); function loadTabContent(selectedTab,tabType){ var tabContent = $('.'+tabType+'__content'+' '+'.custom-dashboard-tab-body'); tabContent.removeClass('active'); $('.'+selectedTab).addClass('active'); }; jQuery('.custom-dashboard-accordian-item').click(function(e){ if (!$('.read-more').is(e.target) && $('.read-more').has(e.target).length === 0){ e.preventDefault(); jQuery(this).toggleClass('active').toggleClass('off').siblings().removeClass('active').addClass('off'); jQuery('.off > .custom-dashboard-accordian-item__header > .toggle-action').addClass('on'); jQuery('.active > .custom-dashboard-accordian-item__header > .toggle-action').removeClass('on'); jQuery('.off > .custom-dashboard-accordian-posts-list').slideUp(); jQuery('.active > .custom-dashboard-accordian-posts-list').slideDown(); } }); // Custom Tabs Accordian JS })(LITHIUM.jQuery); ;(function($) { var menu = $('.custom-filterpost-box'); $(document).mouseup(function(e) { if (!menu.is(e.target) // if the target of the click isn't the container... && menu.has(e.target).length === 0) // ... nor a descendant of the container { menu.removeClass('is-active'); } }); $('.toggle-filter-post').on('click', function() { menu.toggleClass('is-active'); }); })(LITHIUM.jQuery); (function($) { $(document).ready(function() { var sortBy = ''; var gid = 'sales'; var nodeType = 'category'; var panel ="all"; var labelName =""; var userID ="-1"; var filter_active = false; // glowingblue: Code is really bad, we need a way to track if and what filters are active... var pagenum = ""; var offset = ""; var paginate =""; var layout = "grid"; var futureEndpoint = '/plugins/custom/hubspot/hubspot/category-future-post'; var endpointUrl ='/plugins/custom/hubspot/hubspot/hs.custom-fetch-category-messages'; setTimeout(function(){ $('#layout-toggles input[value="grid"]').prop('checked', true); }, 1000); /* ================= Pageination ins ======================== */ var current_page = 1; var msg_per_page_limit = parseInt('6'); var total_count = parseInt('18361'); var number_of_pages = Math.ceil(total_count/msg_per_page_limit); if(number_of_pages > 1){ Pagination.Init(document.getElementById('pagination'), { size: number_of_pages, // pages size page: current_page // selected page }); } $('.status-filter-btn').on('click', function() { $('.filter-box').toggleClass('show'); $(this).closest('.label-filter').toggleClass('expended'); }); $('.toggle-post-filter').on('click', function() { $('.filter-select').toggle(); $(this).closest('.sort-filter').toggleClass('expended'); }); /* =================Sort by solved ends======================== */ var menucustom = $('.status-filter-btn'); $(document).mouseup(function(e) { if (!menucustom.is(e.target) // if the target of the click isn't the container... && menucustom.has(e.target).length === 0) // ... nor a descendant of the container { $('.filter-box').removeClass('show'); $('.label-filter').removeClass('expended'); } }); var menu_states = $('.toggle-post-filter'); $(document).mouseup(function(e) { if (!menu_states.is(e.target) // if the target of the click isn't the container... && menu_states.has(e.target).length === 0) // ... nor a descendant of the container { $('.filter-select').css('display','none'); $('.sort-filter').removeClass('expended'); } }); /* ================= Ajax call function ======================== */ function getMsgData(endpoint,args,pagenum,appendTo){ //console.log('getMsgData(), filter_active?', filter_active); $.post(endpoint+args, function(data) { }).done(function(data){ $('.ajax-loading').hide(); $(appendTo).html(''); $(appendTo).append(data); if(pagenum == 1 && !filter_active){$('.globalFloat').show();} else{$('.globalFloat').hide();} var count = $('.data-count').attr("data-count"); var count = parseInt(count); var curent_page = parseInt(pagenum); var msg_per_page_limit_ = parseInt('6'); var number_of_pages_ = Math.ceil(count/msg_per_page_limit_); if(number_of_pages_ > 1){ Pagination.Init(document.getElementById('pagination'), { size: number_of_pages_, page: curent_page, step: 2 }); } }).fail(function(jqXHR, textStatus){ console.log("Request Failed:" + textStatus); }); } /* ================= query start ======================== */ var state = (new URL(window.location)).searchParams.get('state') || ''; //console.info('state?', state); boardsIds = []; var clickAttr = '.board-list-wrapper__title,#status-filter-list .filter-status,.filter-type-select .filter-opt,a.pagination-posts,.filter-select .filtered,#tabsList,#layout-toggles input'; if ( state && $('.filter-select [filter-value="' + state + '"]').length ) { $('.filter-select [filter-value="' + state + '"]').parents('ul').prev('.states').html($('.filter-select [filter-value="' + state + '"]').text()); redayToCall(); } function redayToCall(){ // glowingblue: Variables defined above are out of scope here...resulting in "undefined" values sent to endpoint var offset = ''; var paginate = ''; var sortBy = ''; var panel = 'all'; jQuery('.ajax-loading').show(); if(this.className == 'page_link pagination-posts' || this.id == 'jp-next' || this.id == 'jp-previous'){ $('.recent_holder_page').removeClass("active"); var pagenum = $(this).attr('data'); $(this).addClass("active"); var offset = (pagenum-1)*6; var paginate = true; } if(this.className == 'filter-opt'){ $('.custom-filterpost-box').removeClass('is-active'); var filterValue = $(this).text(); $('.toggle-filter-post').html(filterValue); sortBy = $(this).attr("filter-value"); var pagenum = 1; $('#popularity').removeClass("active removeElement").addClass('addElement'); } if(this.id == 'popularity'){ var sortBy = 'popularity'} if(this.id == 'tabsList'){ $('.hubspot-tabs a.active').removeClass('active'); $(this).addClass('active'); var panel = $(this).attr('data-id'); } if(this.className == 'filtered'){ $('.filter-select').css('display','none'); var filterValue = $(this).text(); $('.states').html(filterValue); state = $(this).attr("filter-value"); var newUrl = new URL(window.location); if ( state ) { filter_active = true; newUrl.searchParams.set('state', state); } else { newUrl.searchParams.delete('state'); filter_active = false; } if ( window.history.replaceState ) { // prevents browser from storing history with each change: window.history.replaceState({}, $('title').text().trim(), newUrl.href); } var pagenum = 1; } if(this.className == 'filter-status filter-item'){ menucustom.removeClass('show'); labelName = $(this).attr("data-id"); var labelText = $(this).text(); $('#status-filter-btn').html(labelText); var pagenum = 1; filter_active = !!labelName; } if(this.name =='layout-toggle'){ layout = $(this).val(); var pagenum = 1; } if(this.className === 'board-list-wrapper__title addElement'){ $('.removeElement').removeClass("active removeElement").addClass('addElement'); $(this).addClass('active removeElement'); $(this).removeClass("addElement"); var pagenum = 1; }else if(this.className === 'board-list-wrapper__title active removeElement'){ $(this).removeClass("active removeElement"); $(this).addClass('addElement'); boardsIds = []; var pagenum = 1; } jQuery('.board-list-wrapper__title.active').each(function(){ boardsIds.push($(this).attr("data-id")); }); var mobileSelect = $('.expanded').find('option:selected').val(); if(mobileSelect != ''){boardsIds.push(mobileSelect);} if(this.className == 'expanded' ){var pagenum = 1; var offset = 0;} var boardsId = boardsIds.join("','"); if(nodeType =='board'){var boardsId=gid;} var params = "?offset="+offset +"&pagenum="+pagenum+"&nodeId="+gid+"&sortBy="+sortBy+"&tab="+panel+"&nodeType="+nodeType+"&labelName="+encodeURIComponent(labelName)+"&threadLimit=6&paginate="+paginate+"&userID="+userID+"&boardsId="+boardsId+"&state="+state+"&layout="+layout+"&pageName=CategoryPage"; if(pagenum == 1 && futureEndpoint !=''){ getMsgData(futureEndpoint,params,pagenum,'#globalmsgList'); } getMsgData(endpointUrl,params,pagenum,'#msgList'); boardsIds = []; } $(clickAttr).live('click',redayToCall) $(document).on('change',".expanded",redayToCall) /* ================= Pagination Click Event Starts ======================== */ $('a.pagination-posts').live('click', function(e){ console.log('First click'); var position = $('.hubspot-tab-wrapper').offset(); position=position.top; $('html, body').animate({ scrollTop: position }, 500); $(this).addClass('active').siblings().removeClass('active'); }); /* ================= Pagination Click Event Ends ======================== */ /* ================= query end======================== */ }); })(LITHIUM.jQuery); LITHIUM.DropDownMenu({"userMessagesFeedOptionsClass":"div.user-messages-feed-options-menu a.lia-js-menu-opener","menuOffsetContainer":".lia-menu-offset-container","hoverLeaveEvent":"LITHIUM:hoverLeave","mouseoverElementSelector":".lia-js-mouseover-menu","userMessagesFeedOptionsAriaLabel":"Show contributions of the user, selected option is Options. You may choose another option from the dropdown menu.","disabledLink":"lia-link-disabled","menuOpenCssClass":"dropdownHover","menuElementSelector":".lia-menu-navigation-wrapper","dialogSelector":".lia-panel-dialog-trigger","messageOptions":"lia-component-message-view-widget-action-menu","menuBarComponent":"lia-component-menu-bar","closeMenuEvent":"LITHIUM:closeMenu","menuOpenedEvent":"LITHIUM:menuOpened","pageOptions":"lia-component-community-widget-page-options","clickElementSelector":".lia-js-click-menu","menuItemsSelector":".lia-menu-dropdown-items","menuClosedEvent":"LITHIUM:menuClosed"}); LITHIUM.DropDownMenuVisibilityHandler({"selectors":{"menuSelector":"#actionMenuDropDown_235c773bfd53b8","menuItemsSelector":".lia-menu-dropdown-items"}}); jQuery(document).ready(function() { function moveFollowButton() { let followText = "Follow"; let unfollowText = "Following"; let followToolTip = "Recieve email updates on this thread"; let unfollowToolTip = "Stop receiving email updates on this thread"; let signInToolTip = "Sign in to follow this topic"; let messages = jQuery('.ForumTopicPage .MessageView'); let ideaOptionsMenu = jQuery('.IdeaPage ul#dropdownmenuitems'); let blogOptionsMenu = jQuery('.BlogPage .lia-page-options ul.lia-menu-dropdown-items'); function ReturnFollowButton(elem, contentType, buttonClass) { let followSelector; let unfollowSelector; switch (contentType) { case 'forum': followSelector = 'addMessageUserEmailSubscription'; unfollowSelector = 'removeMessageUserEmailSubscription'; break; case 'idea': followSelector = 'addThreadUserEmailSubscription'; unfollowSelector = 'removeThreadUserEmailSubscription'; break; case 'blog': followSelector = 'addBoardUserEmailSubscription'; unfollowSelector = 'removeBoardUserEmailSubscription'; break; default: break; } let subscribeLink = elem.find('a.' + followSelector); let followWrapper; if (!subscribeLink.length) { subscribeLink = elem.find('a.'+ unfollowSelector); followWrapper = jQuery('<span>').addClass(buttonClass).addClass('unfollow'); subscribeLink.text(unfollowText); subscribeLink.attr('title', unfollowToolTip); if (!subscribeLink.length) { subscribeLink = elem.find('span.' + followSelector); if (subscribeLink.length) { followWrapper = jQuery('<span>').addClass(buttonClass).addClass('follow').addClass('disabled'); subscribeLink.text(followText); subscribeLink.attr('title', signInToolTip); } } } else { followWrapper = jQuery('<span>').addClass(buttonClass).addClass('follow'); subscribeLink.text(followText); subscribeLink.attr('title', followToolTip); } return [followWrapper, subscribeLink]; } if (messages.length) { messages.each(function(i) { let followItems = ReturnFollowButton(jQuery(this), 'forum', 'follow-wrapper'); let followWrapper = followItems[0]; let subscribeLink = followItems[1]; if (window.innerWidth > 768) { followWrapper.append(subscribeLink); let followContainer = jQuery(this).find('div.lia-message-author-username.lia-component-user-name'); followContainer.append(followWrapper); } }) } else if (ideaOptionsMenu.length) { let followItems = ReturnFollowButton(ideaOptionsMenu, 'idea', 'follow-wrapper'); let followWrapper = followItems[0]; let subscribeLink = followItems[1]; if (window.innerWidth > 768) { followWrapper.append(subscribeLink); let followContainer = jQuery('.lia-component-idea-topic .DateTime'); followContainer.append(followWrapper); } } else if (blogOptionsMenu.length) { let followItems = ReturnFollowButton(blogOptionsMenu, 'blog', 'follow-wrapper btn btn-sm button-primary'); let followWrapper = followItems[0]; let subscribeLink = followItems[1]; console.log(followItems); if (window.innerWidth > 768) { followWrapper.append(subscribeLink); let followContainer = jQuery('.blog-listing-page-options .follow-container'); followContainer.append(followWrapper); } } } moveFollowButton(); jQuery('.lia-js-menu-opener').removeAttr("href"); }) ;(function($) { $core.near('.side-wrapper-content', 50, function(el) { var $target = $(el).find('.lia-category-subscription-link.lia-link-disabled'); $target.css({'pointer-events': 'all', 'cursor': 'pointer'}).on('click', function() { // glowingblue: doesn't work for some reason, well, then we redirect the hard way //$('.lia-component-users-action-login:visible').click(); location = $('.lia-component-users-action-login:visible').attr('href'); }); }, { once: true }); })(LITHIUM.jQuery); LITHIUM.UserListActual({"acceptedSolutionsColumnSelector":".UserList .lia-list-row .acceptedSolutionsCountColumn","kudosColumnSelector":".UserList .lia-list-row .kudosCountColumn"}); ;(function ($) { if ($(window).width() <= 991) { $(".community-footer .col:nth-child(3)").on('click',function(){ if ($(this).hasClass('active')) { $(this).removeClass('active'); $(this).children("ul").hide(); $(this).children("h5").removeClass("addedClass"); } else { $(".community-footer .col").removeClass('active'); $('.community-footer .col ul').hide(); $(this).addClass('active'); $(this).children("ul").show(); $('.community-footer .col').children("h5").removeClass("addedClass"); $(this).children("h5").addClass("addedClass"); } if ( $(".community-footer .col:nth-child(4) ul").hasClass('custom-footer-res')) { $(".community-footer .col:nth-child(4) ul").removeClass('custom-footer-res'); } else { $(".community-footer .col:nth-child(4) ul").addClass('custom-footer-res'); } }) $('.community-footer .col:nth-child(1)').on("click", function () { if ($(this).hasClass('active')) { $(this).removeClass('active'); $(this).children("ul").hide(); $(this).children("h5").removeClass("addedClass"); } else { $(".community-footer .col").removeClass('active'); $('.community-footer .col ul').hide(); $(this).addClass('active'); $(this).children("ul").show(); $('.community-footer .col').children("h5").removeClass("addedClass"); $(this).children("h5").addClass("addedClass"); } if ( $(".community-footer .col:nth-child(4) ul").hasClass('custom-footer-res')) { $(".community-footer .col:nth-child(4) ul").removeClass('custom-footer-res'); } }) $('.community-footer .col:nth-child(2)').on("click", function () { if ($(this).hasClass('active')) { $(this).removeClass('active'); $(this).children("ul").hide(); $(this).children("h5").removeClass("addedClass"); } else { $(".community-footer .col").removeClass('active'); $('.community-footer .col ul').hide(); $(this).addClass('active'); $(this).children("ul").show(); $('.community-footer .col').children("h5").removeClass("addedClass"); $(this).children("h5").addClass("addedClass"); } if ( $(".community-footer .col:nth-child(4) ul").hasClass('custom-footer-res')) { $(".community-footer .col:nth-child(4) ul").removeClass('custom-footer-res'); } }) } })(LITHIUM.jQuery); ;(function($){ /* * jquery-match-height 0.7.2 by @liabru * http://brm.io/jquery-match-height/ * License MIT */ !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,n=function(t){return parseFloat(t)||0},a=function(e){var o=1,a=t(e),i=null,r=[];return a.each(function(){var e=t(this),a=e.offset().top-n(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(i-a))<=o?r[r.length-1]=s.add(e):r.push(e),i=a}),r},i=function(e){var o={ byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=i(e);if(o.remove){var n=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(n)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="0.7.2",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null, r._afterUpdate=null,r._rows=a,r._parse=n,r._parseOptions=i,r._apply=function(e,o){var s=i(o),h=t(e),l=[h],c=t(window).scrollTop(),p=t("html").outerHeight(!0),u=h.parents().filter(":hidden");return u.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),u.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0", "padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),l=a(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(l,function(e,o){var a=t(o),i=0;if(s.target)i=s.target.outerHeight(!1);else{if(s.byRow&&a.length<=1)return void a.css(s.property,"");a.each(function(){var e=t(this),o=e.attr("style"),n=e.css("display");"inline-block"!==n&&"flex"!==n&&"inline-flex"!==n&&(n="block");var a={ display:n};a[s.property]="",e.css(a),e.outerHeight(!1)>i&&(i=e.outerHeight(!1)),o?e.attr("style",o):e.css("display","")})}a.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=n(e.css("border-top-width"))+n(e.css("border-bottom-width")),o+=n(e.css("padding-top"))+n(e.css("padding-bottom"))),e.css(s.property,i-o+"px"))})}),u.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(c/p*t("html").outerHeight(!0)), this},r._applyDataApi=function(){var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),n=o.attr("data-mh")||o.attr("data-match-height");n in e?e[n]=e[n].add(o):e[n]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(n,a){if(a&&"resize"===a.type){var i=t(window).width();if(i===e)return;e=i; }n?o===-1&&(o=setTimeout(function(){s(a),o=-1},r._throttle)):s(a)},t(r._applyDataApi);var h=t.fn.on?"on":"bind";t(window)[h]("load",function(t){r._update(!1,t)}),t(window)[h]("resize orientationchange",function(t){r._update(!0,t)})}); })(LITHIUM.jQuery); ;(function($){ jQuery('.category-tiles-wrapper .detail-tile-container .tile .detail-tile-body').matchHeight({ byRow: true }); })(LITHIUM.jQuery); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:lightboxRenderComponent","parameters":{"componentParams":"{\n \"surveyType\" : {\n \"value\" : \"communityexperience\",\n \"class\" : \"java.lang.String\"\n },\n \"surveyId\" : {\n \"value\" : \"3\",\n \"class\" : \"java.lang.Integer\"\n },\n \"triggerSelector\" : {\n \"value\" : \"#valueSurveyLauncher\",\n \"class\" : \"lithium.util.css.CssSelector\"\n }\n}","componentId":"valuesurveys.widget.survey-prompt-dialog"},"trackableEvent":false},"tokenId":"ajax","elementSelector":"#valueSurveyLauncher","action":"lightboxRenderComponent","feedbackSelector":false,"url":"https://community.hubspot.com/t5/community/categorypage.liabase.basebody.valuesurveylauncher.valuesurveylauncher:lightboxrendercomponent?t:ac=category-id/sales","ajaxErrorEventName":"LITHIUM:ajaxError","token":"y14IKJl2yXu1FeB77KQ_uAefV_i3fkxF0HKCrsRaTB8."}); LITHIUM.Dialog.options['-377110750'] = {"contentContext":"valuesurveys.widget.survey-prompt-dialog","dialogOptions":{"minHeight":399,"draggable":false,"maxHeight":800,"resizable":false,"autoOpen":false,"width":610,"minWidth":610,"dialogClass":"lia-content lia-panel-dialog lia-panel-dialog-modal-simple lia-panel-dialog-modal-valuesurvey","position":["center","center"],"modal":true,"maxWidth":610,"ariaLabel":"Feedback for community"},"contentType":"ajax"}; LITHIUM.Dialog({ "closeImageIconURL" : "https://community.hubspot.com/skins/images/D4B66B21C139FE2FEA88FF017A318271/responsive_peak/images/button_dialog_close.svg", "activecastFullscreen" : false, "dialogTitleHeadingLevel" : "2", "dropdownMenuSelector" : ".lia-menu-navigation-wrapper", "accessibility" : false, "triggerSelector" : ".lia-panel-dialog-trigger-event-click", "ajaxEvent" : "LITHIUM:lightboxRenderComponent", "focusOnDialogTriggerWhenClosed" : false, "closeEvent" : "LITHIUM:lightboxCloseEvent", "defaultAriaLabel" : "", "dropdownMenuOpenerSelector" : ".lia-js-menu-opener", "buttonDialogCloseAlt" : "Close", "dialogContentCssClass" : "lia-panel-dialog-content", "triggerEvent" : "click", "dialogKey" : "dialogKey" }); LITHIUM.ValueSurveyLauncher({"detectPopUpCSS":".lia-dialog-open","dialogLinkSelector":"#valueSurveyLauncher","launchDelay":64109}); LITHIUM.PartialRenderProxy({"limuirsComponentRenderedEvent":"LITHIUM:limuirsComponentRendered","relayEvent":"LITHIUM:partialRenderProxyRelay","listenerEvent":"LITHIUM:partialRenderProxy"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:partialRenderProxyRelay","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":document,"action":"partialRenderProxyRelay","feedbackSelector":false,"url":"https://community.hubspot.com/t5/community/categorypage.liabase.basebody.partialrenderproxy:partialrenderproxyrelay?t:ac=category-id/sales","ajaxErrorEventName":"LITHIUM:ajaxError","token":"Pht83xjtwcvwNP-ma0oDUwnQ0zhnmXAIHwlx7luLJrg."}); LITHIUM.Auth.API_URL = "/t5/util/authcheckpage"; LITHIUM.Auth.LOGIN_URL_TMPL = "https://app.hubspot.com/khoros/integration/jwt/authenticate?referer=https%3A%2F%2FREPLACE_TEXT"; LITHIUM.Auth.KEEP_ALIVE_URL = "/t5/status/blankpage?keepalive"; LITHIUM.Auth.KEEP_ALIVE_TIME = 300000; LITHIUM.Auth.CHECK_SESSION_TOKEN = 'lsNsBkP8JfeS0k--1ng9S9j7RuGL-ps-E-q3pFNrbTA.'; LITHIUM.AjaxSupport.useTickets = false; LITHIUM.Loader.runJsAttached(); // --> </script></body> </html>

CINXE.COM

CRM & Sales Hub - HubSpot Community