Docs

[Rob D]

I am using the one page layout and want to assign the functionality to a button that when a user clicks on it the widgetbar opens up revealing the “Contact Us” form. Is this possible? Thanks in advance.

[Kory]

Hey Rod,

Thanks for writing in! The following Markup should trigger the widgetbar to open up:

<a href="#" class="x-btn-widgetbar-alt collapsed" data-toggle="collapse" data-target=".x-widgetbar">Contact Us</a>

And then the following can be placed in a <script> tag to prevent the pound sign from showing up in your URL bar:

$('.x-btn-widgetbar-alt').click(function(e) {
  e.preventDefault();
});

Thanks!

[Rob D]

I wish I knew what that meant, it’s all greek to me lol

[Kory]

Haha, we completely understand. 😀 Glad to hear everything is in order.

[Rob D]

We’ll not that clear as I actually have no idea what you mean. Is this something I can do in the visual editor or I need to get a programmer type person to make the change? Thx

[Christian]

Hey Rob,

It is best to have a WordPress Developer do theme customizations for you. 🙂

[Rob D]

🙁 Booo

Please consider this functionality for the next version of the Theme.

[Rubin]

We will look into it but can’t promise anything.

[Rob D]

The markup above works great however I want to put it in a Button shortcode. Is that possible?

[Christian]

Hey Rob,

That is not possible because you’ll need to put extra attributes to the link and that is not available in the Button shortcode. You can however watch this quick screencast (http://screencast.com/t/QqV3iWKPJu) on how to get the HTML code of the button and add the necessary attributes.

Hope that helps. 🙂

[Rob D]

Thanks. worked perfectly. 😉

[Rad]

You’re welcome Rob!

[clovisd]

Would it be possible to make this pop up from a Menu item? Eg: Contact Us opens Widget bar above with map and other important information?

[Rad]

Hi Clovis,

Not possible, as per requirement the link should have required attributes in which can’t be done in menu items.

Thanks!

[clovisd]

I’m not sure I followed your screencast correctly. I’ve done what I understood and this is what I have:

[button type="real" shape="square" size="jumbo" href="#" class="x-btn-widgetbar-alt collapsed" data-toggle="collapse" data-target=".x-widgetbar"]Contact Us[/button]

However, it’s not working. Any input? 🙂

Thanks!

[Author]

Posts