Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Appanvil karma designer
summary Spacer Element Drag, Drop, & Customize. That's it Overview The Spacer Element can be found on the left sidebar and is labeled 'Spacer'. Simply drag and drop one of the predefined styles from the sidebar into the canvas and start customizing the height. Customization Click on a spacer element to switch from the 'drag and drop mode' into the 'element edit mode'. You can adjust the spacer's height via drag and drop or enter a value in the popup. Have a question or comment?Talk to us! Whether you need help or have feedback, you can set up a personal meeting.Our live demos are carried out via Google Meet (no registration required). Live DemoBook a demo with a Karma expert to learn how Karma can help you create engaging Confluence pages. Book Live Demo Live SupportNeed help with Karma? Simply book a live support session and we will personally help you. Book Live Support Service DeskNeed technical support? Our Service Desk is the perfect place to go to. Simply create a ticket and get your answer. View Service Desk Leave a ReviewAre you satisfied with Karma or our support? Let us know by leaving a four star review in the Marketplace. Leave a Review
page{"id":"1aFbNHPOmfxN7azXHbkAd","name":"page","children":[{"params":{"imagePosition":"center right","image":{"value":"att2851536933","target":"_blank","type":"attachment"},"padding":190,"background":"#f6f7fb","backgroundSize":"contain"},"name":"section","children":[{"params":{"gap":20,"layout":[1]},"name":"row","children":[{"children":[{"params":{"value":[{"children":[{"align":"left","children":[{"text":"Spacer Element","fontWeight":700,"fontFamily":"Poppins, sans-serif","fontSize":80,"color":"#222222","letterSpacing":-3}],"type":"paragraph"}],"type":"root"}]},"name":"text","children":[],"id":"e2q6xb4xFdn0b84i6MmkK"},{"children":[],"params":{"value":[{"type":"root","children":[{"type":"root","children":[{"type":"paragraph","align":"left","children":[{"color":"#999999","text":"Drag, Drop, & Customize. That's it","fontWeight":300,"fontFamily":"Poppins, sans-serif","fontSize":40,"letterSpacing":0}]}]}]}]},"name":"text","id":"j_mkAjL6mGQXbhOYHHOnB"}],"params":{"verticalAlignment":"center","gap":0,"borderRadius":{"bbr":0,"btl":0,"isIndividualCorners":false,"bbl":0,"all":0,"btr":0},"padding":0},"name":"column","id":"V4pPFq7xElG1-s17HeMj2"},{"params":{"padding":0,"gap":10,"borderRadius":{"bbr":0,"all":0,"bbl":0,"isIndividualCorners":false,"btr":0,"btl":0},"verticalAlignment":"center"},"name":"column","children":[],"id":"ZSvnuUawugatlWrvRL5T1"},{"params":{"borderRadius":{"bbr":0,"btr":0,"isIndividualCorners":false,"btl":0,"all":0,"bbl":0},"padding":0,"verticalAlignment":"center","gap":10},"children":[],"name":"column","id":"oc4Bw2y09RKf6lhKeyUG1"},{"name":"column","children":[],"params":{"borderRadius":{"btr":0,"btl":0,"isIndividualCorners":false,"all":0,"bbl":0,"bbr":0},"padding":0,"verticalAlignment":"center","gap":10},"id":"QFYI_nbqZl15LGg-KvDm1"},{"name":"column","children":[],"params":{"borderRadius":{"btl":0,"all":0,"bbr":0,"isIndividualCorners":false,"bbl":0,"btr":0},"gap":10,"verticalAlignment":"center","padding":0},"id":"w30j6E03iRQaVE1q8yAPe"},{"name":"column","params":{"borderRadius":{"isIndividualCorners":false,"bbr":0,"bbl":0,"btr":0,"all":0,"btl":0},"padding":0,"verticalAlignment":"center","gap":10},"children":[],"id":"yATWewK7zk75U8PIsnHNn"}],"id":"ok2DTYpa7Zg2mrebqBFbB"}],"id":"o7dnc1GBJqT1TW36Kycgg"},{"name":"section","children":[{"params":{"gap":65,"layout":[1,1]},"children":[{"params":{"padding":0,"borderRadius":{"bbr":0,"btl":0,"isIndividualCorners":false,"all":0,"btr":0,"bbl":0},"gap":15,"verticalAlignment":"center"},"children":[{"name":"image","params":{"borderRadius":{"bbl":0,"all":0,"btr":0,"bbr":0,"isIndividualCorners":false,"btl":0},"alignment":"start","width":80,"position":"center center","height":80,"image":{"value":"att2962194505","target":"_blank","type":"attachment"}},"children":[],"id":"rJwFjKBgOdM1XyIeGq7Y7"},{"name":"text","params":{"value":[{"children":[{"align":"left","type":"paragraph","children":[{"text":"Overview","fontFamily":"Poppins, sans-serif","fontSize":36,"fontWeight":700,"color":"#0b1e2a"}]}],"type":"root"}]},"children":[],"id":"wTCDm1EcgarPG4Rj0m8qi"},{"params":{"value":[{"type":"root","children":[{"children":[{"letterSpacing":0,"fontFamily":"Red Hat Text","lineHeight":"26px","fontSize":18,"color":"#707e85","text":"The Spacer Element can be found on the left sidebar and is labeled 'Spacer'. Simply drag and drop one of the predefined styles from the sidebar into the canvas and start customizing the height."}],"type":"paragraph","align":"left"}]}]},"name":"text","children":[],"id":"IT-QLTQR9G3f_2bMUqiFv"}],"name":"column","id":"Wvrv23PfJBBDbMyLnaRS_"},{"children":[{"children":[{"params":{"space":255},"name":"spacer","children":[],"id":"wAKWHLpU0enKgEUoBLref"}],"params":{"boxShadows":[{"blur":15,"spread":-3,"y":0,"color":"#00000019"},{"color":"#00000019","blur":6,"y":4,"spread":-4}],"image":{"value":"att2865823745","target":"_blank","type":"attachment"},"padding":28,"borderRadius":{"all":20,"isIndividualCorners":false,"bbl":0,"btl":0,"btr":0,"bbr":0},"hover":"elevate","gap":10},"name":"card","id":"Nj2_GVjTXmRKC6hub-a3e"}],"name":"column","params":{"borderRadius":{"btl":0,"bbr":0,"bbl":0,"all":0,"btr":0,"isIndividualCorners":false},"padding":0,"gap":10,"verticalAlignment":"center"},"id":"7xik1BudzGI5olucOlAUf"},{"params":{"verticalAlignment":"center","gap":10,"padding":0,"borderRadius":{"btl":0,"btr":0,"bbr":0,"all":0,"bbl":0,"isIndividualCorners":false}},"name":"column","children":[],"id":"FXHLvkz_H9b0GnyWCHYPk"},{"name":"column","params":{"verticalAlignment":"center","borderRadius":{"isIndividualCorners":false,"bbr":0,"all":0,"btl":0,"bbl":0,"btr":0},"gap":10,"padding":0},"children":[],"id":"LFqtUqu94RxocbwHLm2_c"},{"params":{"padding":0,"gap":10,"borderRadius":{"all":0,"btr":0,"btl":0,"bbl":0,"bbr":0,"isIndividualCorners":false},"verticalAlignment":"center"},"name":"column","children":[],"id":"So-9rBKcFj2YX1K0D_eNT"},{"children":[],"name":"column","params":{"verticalAlignment":"center","gap":10,"padding":0,"borderRadius":{"all":0,"bbr":0,"btl":0,"btr":0,"bbl":0,"isIndividualCorners":false}},"id":"OHLtwVD0w6AJ7UTIFsMaj"}],"name":"row","id":"x4zeV-fEFKLVVvHNx2ZYJ"},{"children":[{"name":"column","children":[],"params":{"borderRadius":{"bbl":0,"btr":0,"btl":0,"all":0,"bbr":0,"isIndividualCorners":false},"gap":10,"padding":0,"verticalAlignment":"top"},"id":"lRbulh8WIDl4mGefXUhpM"},{"params":{"borderRadius":{"all":0,"bbl":0,"isIndividualCorners":false,"bbr":0,"btr":0,"btl":0},"gap":10,"verticalAlignment":"top","padding":0},"name":"column","children":[],"id":"-GViB46bnOzL6U1s8VhfQ"},{"children":[],"params":{"gap":10,"padding":0,"verticalAlignment":"top","borderRadius":{"btr":0,"bbr":0,"isIndividualCorners":false,"btl":0,"bbl":0,"all":0}},"name":"column","id":"PFhU7XyeYzVo5o7IsIv8q"},{"children":[],"name":"column","params":{"padding":0,"verticalAlignment":"top","borderRadius":{"isIndividualCorners":false,"btr":0,"bbr":0,"all":0,"btl":0,"bbl":0},"gap":10},"id":"TGsVHuoqWU_dEL1iCIL2x"},{"params":{"padding":0,"gap":10,"borderRadius":{"bbl":0,"btl":0,"bbr":0,"btr":0,"isIndividualCorners":false,"all":0},"verticalAlignment":"top"},"name":"column","children":[],"id":"ONULVxWQsncXt_UvlXtHP"},{"name":"column","params":{"verticalAlignment":"top","gap":10,"borderRadius":{"all":0,"bbr":0,"bbl":0,"btl":0,"isIndividualCorners":false,"btr":0},"padding":0},"children":[],"id":"gTELaFTDwB4WFOiIlPBqO"}],"name":"row","params":{"minHeight":80,"gap":10,"borderRadius":0,"layout":[1],"padding":10},"id":"YcPgCFeZnl7j7iXpyCpLg"},{"children":[{"name":"column","params":{"verticalAlignment":"center","gap":20,"borderRadius":{"bbr":0,"all":0,"bbl":0,"btr":0,"isIndividualCorners":false,"btl":0},"padding":0},"children":[{"name":"image","params":{"alignment":"center","borderRadius":{"btr":0,"bbr":0,"isIndividualCorners":false,"bbl":0,"all":10,"btl":0},"image":{"value":"att2865758209","target":"_blank","type":"attachment"},"position":"center center","boxShadows":[{"y":0,"blur":6,"spread":-1,"color":"#00000019"},{"y":2,"blur":4,"spread":-2,"color":"#00000019"}]},"children":[],"id":"LUUwwMs3pXQkaETN_3i3S"}],"id":"vOyHmf7dVhvjIGOf9yvAO"},{"children":[{"children":[],"params":{"value":[{"children":[{"align":"left","type":"paragraph","children":[{"fontWeight":700,"text":"Customization","fontSize":36,"fontFamily":"Poppins, sans-serif","color":"#0b1e2a"}]}],"type":"root"}]},"name":"text","id":"kaksU5eHA-Fdn7IsQGdC6"},{"name":"text","children":[],"params":{"value":[{"type":"root","children":[{"type":"paragraph","children":[{"text":"Click on a spacer element to switch from the 'drag and drop mode' into the 'element edit mode'. You can adjust the spacer's height via drag and drop or enter a value in the popup.","lineHeight":"26px","fontFamily":"Red Hat Text","letterSpacing":0,"color":"#707e85","fontSize":18}],"align":"left"}]}]},"id":"SWB1-He0Tlp9xveawD0o3"}],"params":{"gap":20,"padding":0,"verticalAlignment":"center","borderRadius":{"bbl":0,"bbr":0,"all":0,"btr":0,"btl":0,"isIndividualCorners":false}},"name":"column","id":"_t580NAdxbfWppRCNVFjD"},{"params":{"verticalAlignment":"center","borderRadius":{"btr":0,"all":0,"btl":0,"bbr":0,"isIndividualCorners":false,"bbl":0},"padding":0,"gap":20},"name":"column","children":[],"id":"LyIoS2o0Lt5hOjruGWZwH"},{"children":[],"params":{"borderRadius":{"bbl":0,"btr":0,"bbr":0,"all":0,"isIndividualCorners":false,"btl":0},"gap":20,"padding":0,"verticalAlignment":"center"},"name":"column","id":"OSS0rxhtzl7Ac7daNEYKq"},{"params":{"padding":0,"verticalAlignment":"center","borderRadius":{"all":0,"bbl":0,"bbr":0,"isIndividualCorners":false,"btl":0,"btr":0},"gap":20},"children":[],"name":"column","id":"o6IX2wXrdVPuytYxHG1xD"},{"name":"column","params":{"verticalAlignment":"center","padding":0,"gap":20,"borderRadius":{"all":0,"bbl":0,"btr":0,"btl":0,"bbr":0,"isIndividualCorners":false}},"children":[],"id":"YwdsfR0EhHx-nvMc0z9b7"}],"name":"row","params":{"gap":80,"padding":10,"borderRadius":0,"layout":[1,1],"minHeight":200},"id":"i105LFxyRGo3ZfqxgVdA-"}],"params":{"background":"#ffffff","padding":100,"gap":0},"id":"qTfKyzqahwrjQOO773C9Z"},{"params":{"background":"#000136cc","image":{"target":"_blank","value":"att2852585473","type":"attachment"},"gap":10,"padding":100},"children":[{"children":[{"params":{"borderRadius":{"bbl":0,"all":0,"isIndividualCorners":false,"bbr":0,"btr":0,"btl":0},"gap":20,"padding":0,"verticalAlignment":"top"},"children":[{"children":[],"params":{"value":[{"children":[{"type":"paragraph","align":"center","children":[{"text":"Have a question or comment?","letterSpacing":-1,"lineHeight":"unset","fontSize":36,"fontWeight":600,"fontFamily":"Poppins, sans-serif","color":"#ffffff"}]},{"children":[{"lineHeight":"28px","letterSpacing":0,"fontSize":16,"color":"#ffffff99","fontFamily":"Open Sans, sans-serif","text":""}],"align":"center","type":"paragraph"},{"align":"center","type":"paragraph","children":[{"color":"#ffffff99","lineHeight":"28px","letterSpacing":0,"fontSize":18,"text":"Talk to us! Whether you need help or have feedback, you can set up a personal meeting.","fontFamily":"Red Hat Text"}]},{"type":"root","children":[{"type":"paragraph","align":"center","children":[{"color":"#ffffff99","lineHeight":"28px","text":"Our live demos are carried out via Google Meet (no registration required).","fontFamily":"Red Hat Text","letterSpacing":0,"fontSize":18}]}]}],"type":"root"}]},"name":"text","id":"wGb0UmgjA94e8R6V6LM4P"}],"name":"column","id":"4o38x8Xkcpo9xQ_jEIW9Z"},{"name":"column","params":{"borderRadius":{"btr":0,"btl":0,"bbl":0,"isIndividualCorners":false,"bbr":0,"all":0},"gap":20,"verticalAlignment":"top","padding":0},"children":[],"id":"WUv_xTZ0mNyVgKZnXrI5w"},{"params":{"verticalAlignment":"top","gap":20,"borderRadius":{"all":0,"isIndividualCorners":false,"bbl":0,"bbr":0,"btl":0,"btr":0},"padding":0},"name":"column","children":[],"id":"5M1LPDKczogtuQv0j2PTx"},{"name":"column","params":{"gap":20,"verticalAlignment":"top","borderRadius":{"all":0,"btl":0,"bbr":0,"btr":0,"isIndividualCorners":false,"bbl":0},"padding":0},"children":[],"id":"6LML87i_C_WlNgs9J06Jo"},{"name":"column","params":{"borderRadius":{"bbr":0,"btr":0,"all":0,"bbl":0,"btl":0,"isIndividualCorners":false},"padding":0,"verticalAlignment":"top","gap":20},"children":[],"id":"hblnV_nppgZYuNaIFDwKg"},{"name":"column","params":{"gap":20,"verticalAlignment":"top","padding":0,"borderRadius":{"bbr":0,"bbl":0,"isIndividualCorners":false,"btl":0,"btr":0,"all":0}},"children":[],"id":"bT9tpyziletqdidHbv3vD"}],"params":{"borderRadius":0,"gap":10,"minHeight":170,"layout":[1]},"name":"row","id":"0_1-2jO1WpzTVzISKPbJi"},{"params":{"padding":10,"borderRadius":0,"minHeight":180,"gap":30,"layout":[1,1,1,1]},"name":"row","children":[{"name":"column","params":{"borderRadius":{"all":0,"btr":0,"bbl":0,"btl":0,"isIndividualCorners":false,"bbr":0},"verticalAlignment":"top","padding":0,"gap":20},"children":[{"params":{"shape":"circular","icon":"graduation-cap","color":"#ffffff","background":"#1181f8","size":28,"alignment":"start"},"children":[],"name":"icon","id":"ym9baPjLAIKWV2BFfRmc6"},{"children":[],"name":"text","params":{"value":[{"type":"root","children":[{"align":"left","type":"paragraph","children":[{"fontFamily":"Poppins, sans-serif","fontSize":24,"fontWeight":600,"text":"Live Demo","letterSpacing":0,"lineHeight":"unset","color":"#ffffff"}]},{"children":[{"lineHeight":"24px","fontFamily":"unset","color":"#ffffff","letterSpacing":0,"text":"","fontSize":16}],"align":"left","type":"paragraph"},{"type":"paragraph","children":[{"fontFamily":"Red Hat Text","fontSize":18,"text":"Book a demo with a Karma expert to learn how Karma can help you create engaging Confluence pages.","color":"#ffffff99","letterSpacing":0,"lineHeight":"24px"}],"align":"left"}]}]},"id":"tupXvmPLJQ3cCPtrGKM0B"},{"name":"spacer","children":[],"params":{"space":0},"id":"5XhchhO86G_UmkTWv3B-k"},{"params":{"shape":"rounded","label":"Book Live Demo","icon":"chevron-right","alignment":"start","iconPosition":"right","states":{"idle":{"colors":{"label":"#ffffff","background":"#1181f8"}},"hover":{"colors":{"label":"#ffffff"}}},"size":"medium","link":{"value":"https://calendly.com/its-karma/demo","type":"link","target":"_self"}},"children":[],"name":"button","id":"fnBhyF1doGR6UoSUZU7aU"}],"id":"xAKAaN_hMiI_3XeQ7cNXq"},{"children":[{"children":[],"name":"icon","params":{"shape":"circular","background":"#1181f8","icon":"user-check","size":28,"alignment":"start","color":"#ffffff"},"id":"bbobTnGqg-0OjvG3MxBI-"},{"params":{"value":[{"type":"root","children":[{"type":"paragraph","align":"left","children":[{"fontFamily":"Poppins, sans-serif","fontSize":24,"letterSpacing":0,"color":"#ffffff","fontWeight":600,"text":"Live Support","lineHeight":"unset"}]},{"type":"paragraph","children":[{"letterSpacing":0,"fontSize":18,"color":"#ffffff","text":"","fontFamily":"Open Sans, sans-serif","lineHeight":"24px"}],"align":"left"},{"children":[{"fontFamily":"Red Hat Text","color":"#ffffff99","lineHeight":"24px","letterSpacing":0,"fontSize":18,"text":"Need help with Karma? "}],"type":"paragraph","align":"left"},{"type":"paragraph","align":"left","children":[{"fontFamily":"Red Hat Text","letterSpacing":0,"lineHeight":"24px","text":"Simply book a live support session and we will personally help you.","fontSize":18,"color":"#ffffff99"}]}]}]},"children":[],"name":"text","id":"eFKRRRqFRUfOHo9U-VQkc"},{"params":{"space":0},"name":"spacer","children":[],"id":"VOBSrQHjXPDz6LPqMC6CQ"},{"name":"button","params":{"shape":"rounded","link":{"target":"_self","value":"https://calendly.com/its-karma/support15","type":"link"},"label":"Book Live Support","alignment":"start","states":{"idle":{"colors":{"background":"#1181f8","label":"#ffffff"}},"hover":{"colors":{"label":"#ffffff"}}},"iconPosition":"right","icon":"chevron-right","size":"medium"},"children":[],"id":"Vo4pd8lLG064Dh9UNFVgE"}],"params":{"verticalAlignment":"top","padding":0,"borderRadius":{"bbr":0,"all":0,"isIndividualCorners":false,"bbl":0,"btl":0,"btr":0},"gap":20},"name":"column","id":"0UDR65UaqiiiC8JZTzQ2H"},{"params":{"verticalAlignment":"top","borderRadius":{"bbr":0,"btr":0,"btl":0,"all":0,"bbl":0,"isIndividualCorners":false},"gap":20,"padding":0},"name":"column","children":[{"params":{"size":28,"alignment":"start","shape":"circular","color":"#ffffff","icon":"bell-concierge","background":"#1181f8"},"children":[],"name":"icon","id":"rxRRroOFEKQLotXzMDAmg"},{"name":"text","children":[],"params":{"value":[{"type":"root","children":[{"align":"left","type":"paragraph","children":[{"lineHeight":"unset","fontSize":24,"color":"#ffffff","letterSpacing":0,"fontWeight":600,"text":"Service Desk","fontFamily":"Poppins, sans-serif"}]},{"children":[{"fontFamily":"Open Sans, sans-serif","lineHeight":"24px","color":"#ffffff","fontSize":16,"text":"","letterSpacing":0}],"type":"paragraph","align":"left"},{"align":"left","children":[{"letterSpacing":0,"color":"#ffffff99","fontFamily":"Red Hat Text","fontSize":18,"lineHeight":"24px","text":"Need technical support? Our Service Desk is the perfect place to go to. Simply create a ticket and get your answer."}],"type":"paragraph"}]}]},"id":"s9sFzJP1fjVDtxuX-oHJq"},{"name":"spacer","children":[],"params":{"space":0},"id":"rZy9y4REMHaAJAhJ7_RNj"},{"params":{"link":{"type":"link","target":"_self","value":"https://appanvil.atlassian.net/servicedesk/customer/portals"},"iconPosition":"right","shape":"rounded","size":"medium","label":"View Service Desk","states":{"hover":{"colors":{}},"idle":{"colors":{"background":"#1181f8","label":"#ffffff"}}},"icon":"chevron-right","alignment":"start"},"name":"button","children":[],"id":"BW9hpfbfLbXYnu0nv2IRi"}],"id":"p600Y-H7nSBKMim2p02TU"},{"children":[{"name":"icon","params":{"alignment":"start","color":"#ffffff","shape":"circular","icon":"star","size":28,"background":"#1181f8"},"children":[],"id":"OcGn4p5gyLSBCnkRUJf8-"},{"params":{"value":[{"type":"root","children":[{"children":[{"fontSize":24,"color":"#ffffff","fontWeight":600,"text":"Leave a Review","fontFamily":"Poppins, sans-serif","letterSpacing":0,"lineHeight":"unset"}],"type":"paragraph","align":"left"},{"align":"left","children":[{"color":"#ffffff","letterSpacing":0,"fontSize":16,"text":"","fontFamily":"Open Sans, sans-serif","lineHeight":"24px"}],"type":"paragraph"},{"align":"left","type":"paragraph","children":[{"text":"Are you satisfied with Karma or our support? Let us know by leaving a four star review in the Marketplace.","fontFamily":"Red Hat Text","lineHeight":"24px","letterSpacing":0,"fontSize":18,"color":"#ffffff99"}]}]}]},"name":"text","children":[],"id":"XfW6YWQsrF29orYHfahrB"},{"children":[],"params":{"space":0},"name":"spacer","id":"4GnE8v4zQy4sMRn8a18GY"},{"name":"button","children":[],"params":{"states":{"idle":{"colors":{"label":"#ffffff","background":"#1181f8"}},"hover":{"colors":{"background":"#0094ff","label":"#ffffff"}}},"iconPosition":"right","label":"Leave a Review","size":"medium","shape":"rounded","alignment":"start","icon":"chevron-right","link":{"target":"_self","value":"https://marketplace.atlassian.com/apps/1228839/karma-build-the-most-amazing-confluence-pages?tab=reviews&hosting=cloud","type":"link"}},"id":"xjRZ4Z3w5xVrn_laSueKW"}],"params":{"verticalAlignment":"top","gap":20,"borderRadius":{"btr":0,"btl":0,"bbl":0,"all":0,"bbr":0,"isIndividualCorners":false},"padding":0},"name":"column","id":"Ms5s4VDwIi5ga3K778kzZ"},{"params":{"verticalAlignment":"top","borderRadius":{"bbl":0,"bbr":0,"all":0,"isIndividualCorners":false,"btl":0,"btr":0},"padding":0,"gap":20},"name":"column","children":[],"id":"uyc3Sam_32IX8iqT486lE"},{"params":{"gap":20,"borderRadius":{"btl":0,"bbr":0,"all":0,"bbl":0,"isIndividualCorners":false,"btr":0},"verticalAlignment":"top","padding":0},"children":[],"name":"column","id":"-Hq7x7rePcr4b8pOxUYHT"}],"id":"BwbyP_-R11B39cdBqI0Wa"}],"name":"section","id":"AgmvqAyzOvIuk57kKeMfZ"}]}