Okay
  Public Ticket #1924000
adding shortcode
Closed

Comments

  • Randy started the conversation

    On this page we want to add a LayerSlider. However, we would like to add a shortcode

    [ninja_form id=2] so on half of the LayerSlider it will show our form to be filled out. How can do this?


  • [deleted] replied

    Hello Randy,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    You can add shortcodes to the slider as HTML layers, by adding the code to the layer's content field. They will be automatically replaced with the appropriate content on your front-end pages.

  • Randy replied

    That did work. Have one more issue. I added the slider to this page at the bottom. https://onesourcemarketing.us/screen-printing/. As you will be able to see the gradient on the left side doesn't go all the way to the bottom. Any suggetions?

  • [deleted] replied

    You will need to change its size and position, so it properly stretches to the bottom of the slider. Using percentages for size is recommended, so it will be proportionally the same on all screen sizes.

  • Randy replied

    In the setting I selected full width. The slider got better. But not quite. You can view the page again to see. Any suggestions on which setting I need to still change.

  • [deleted] replied

    I was referring to the layer's (the gray box) size and position. You have to adjust that, not the slider itself.

  • Randy replied

    Hello, Can you check the slider on this page. https://onesourcemarketing.us/screen-printing/. For some reason depending on the computer or if you are on a tablet the bottom of the ninja form gets cut off. Is there a way to make the slider adjust the height as needed so the form doesn't get cut off?

  • [deleted] replied

    Thank you for the feedback. I've checked your site again, but I do not see the form currently. As I can see, it's not even loaded. What I see is 2 divs and inline scripts inside the layer. The inline scripts inside the layer is not a very fortunate approach as it could cause issues. Could you please try to remove the scripts from the layer and put it to a file that is unrelated to LayerSlider ?

  • Randy replied

    Maybe you can check again. I see the form loaded. I'm using firefox. Let me know which browser if it's not there.

  • [deleted] replied

    Thank you for the feedback. The form seems to be on and off randomly on page loads, regardless of browsers. But we were able to take a quick look at it. 

    The problem is that the form itself is not properly responsive. When inserting complex content from an external source to the slider (for example a form), that content is responsible for being responsive and resizing itself properly. This form does not seem to be resizing itself correctly, so it does not keep up with the slider's scaling. 

    I'd recommend to check on this form plugin and look around in its settings, to see if there are any options related to its responsive behavior.