3

I understand that I need to add the class "colorbox-inline" to the link and build the url like 119 this "?width=500&height=500&inline=true#id-of-content"... but how do I do that? Do I need to edit a .tpl file?

1 Answer 1

5

No PHP, this is done with HTML and JavaScript

  1. CSS style the inline-content you want to display with "display: none;"

  2. for colorbox: in "configuration", "Media", "Colorbox" --> advanced settings, activate "Enable Colorbox inline"

  3. add this as the html code for opening the colorbox webform link: <a class="colorbox-inline" href="?width=310&amp;height=460&amp;inline=true#name-of-your-inline-content">

  4. If this is not working try some additionally jQuery-Magic: $('#name-of-your-inline-content').colorbox();

2
  • Where exactly should this code be added? @headkit Re: add this as the html code for opening the colorbox webform link: <a class="colorbox-inline" href="?width=310&amp;height=460&amp;inline=true#name-of-your-inline-content">
    – kine456
    Jun 24, 2013 at 4:44
  • @headkit Where do I specify "name-of-your-inline-content"?
    – stdcerr
    Jan 20, 2014 at 5:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.