HTML Element in Header Builder

header_builder
html
request_unconsidered
feature_unconsidered

#1

I was wondering if you will be including an HTML element into the header builder as I would like to do some custom coding within the builder as I trying to build a nav system that includes arrows but having a hard time working them in correctly and so I figure an HTML block will help in setting this up.


#2

Yeah I was looking to adding an html widget too. Especially since shortcodes don’t work either. And that makes things really tough dealing with adding html subscription blocks…


#3

We have already recieved this kind of request and we are working on it.

I am not exactly sure yet but hopefully, you will be able to use the HTML elements in a simple text block in the future Header Builder updates.

Thanks.


#4

Yes, I would like to have very simple elements in my header, such as hr (a simple horizontal rule.) Have not figured out a solution yet. It would be great if that would be something in the drag-able elements.


#5

Hello,

It will be available in the future updates.

Thanks.


#6

If there’s one thing an experienced web designer needs to master, it’s the “workaround”. I was able to use the button element to make my divider :slight_smile: example:
http://www.shannonmasonllc.com/
That said, just opening up the text to accept normal html would probably do the trick.


#7

Here is a way to add simple html tags to certain words in your header builder text using jQuery.
In this example I needed to italic just one of my words in this sentence “The RUNX1 Research Program” I needed to make RUNX1 Italic. here’s how.

30%20PM


#8

Hi!

Could you help to put custom code on a click to a button in header builder?


#9

Sure, happy to help… send me the page, button and URL you want it to go to.
The code will go into Jupiter --> Advanced --> Custom JS

jQuery(’.enter_your_button_class_here’).click(function(){
window.location.href = “http://enter_url_link_here.com”;

});


#10

I want to open pop-up form with the following code:

<script id="bx24_form_link" data-skip-moving="true">
        (function(w,d,u,b){w['Bitrix24FormObject']=b;w[b] = w[b] || function(){arguments[0].ref=u;
                (w[b].forms=w[b].forms||[]).push(arguments[0])};
                if(w[b]['forms']) return;
                var s=d.createElement('script');s.async=1;s.src=u+'?'+(1*new Date());
                var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
        })(window,document,'https://centroof.bitrix24.by/bitrix/js/crm/form_loader.js','b24form');

        b24form({"id":"7","lang":"ru","sec":"9jutpw","type":"link","click":""});
</script><a class="b24-web-form-popup-btn-7">Получить бесплатную консультацию</a>

on this page in the button on header: https://centroof.by/