ASP.NET MVC4 and Colorbox Plugin via Partial View RSS

• • Reply
  

  techtalk718

  Member

  54 Points

  31 Posts

  ASP.NET MVC4 and Colorbox Plugin via Partial View

  Mar 16, 2012 12:44 AM|LINK

  Hi,
  Ive been trying to implement a colorbox popup for the past 2 days and Im at stuck at pretty much the last step.
  
  I have an anchor that, when clicked, should load in a colorbox into a container I have set up in _Layout.cshtml

  
  

  <a href="@Url.Action("RenderColorbox", "ContactPartial", new { path = "_ContactPartial" })" class="colorboxLink"><span>ContactUs</span></a>

  
  

  Here is the js ajax request to load the partialview (_ContactPartial.cshtml) into its container in the _Layout.cshtml

  
  

       $('.colorboxLink').click(function () {
          $('.colorbox_container').load(this.href, function () {
              var colorboxOptions = {
                  inline: true,
                  scrolling: false,
                  opacity: ".9",
                  fixed: true
               }
              $('#contactColorbox').colorbox(colorboxOptions);  //I need this to work.
          });
          return false; //return false for click event otherwise partial view will load on seperate page
      });

  
  

  
  

  Here is the partial view itself (_ContactPartial.cshtml)

  @model MVC4.Models.ContactForm
  
  <div id="contactColorbox">
      @using (Html.BeginForm("Index", "ContactPartial", FormMethod.Post))
      {
                ......
       }
  </div>

  The partial view loads into its container correctly but is does not do so as a colorbox but rather as an un-animated popup modal. Can someone help me get the view to load as a colorbox.
  
  Thanks

  • Edited by techtalk718 on Mar 16, 2012 12:45 AM
• • Reply
  

  techtalk718

  Member

  54 Points

  31 Posts

  Re: ASP.NET MVC4 and Colorbox Plugin via Partial View

  Mar 16, 2012 11:16 PM|LINK

  Bump. I still cant resolve this please help.

• • Reply
  

  ignatandrei

  All-Star

  137649 Points

  22143 Posts

  Moderator

  MVP

  Re: ASP.NET MVC4 and Colorbox Plugin via Partial View

  Mar 17, 2012 08:24 AM|LINK

  It's a HTML issue.

  Look at the page and see if all css / js are correctly registered

  http://bit.ly/asp5Mistakes

  My .NET blog : http://msprogrammer.serviciipeweb.ro/ |2012 Programmer tools
  • Marked as answer by ricka6 on Mar 25, 2012 04:43 AM
• • Reply
  

  techtalk718

  Member

  54 Points

  31 Posts

  Re: ASP.NET MVC4 and Colorbox Plugin via Partial View

  Mar 17, 2012 06:17 PM|LINK

  ignatandrei

  It's a HTML issue.

  Look at the page and see if all css / js are correctly registered

  http://bit.ly/asp5Mistakes

  I couldnt get this resolved so i dropped the colorbox and implemented jquery UI dialog with much less problems. shouldve done that from the start =p

  • Edited by techtalk718 on Mar 18, 2012 04:59 AM
• • Reply
  

  Young Yang -...

  All-Star

  21742 Points

  1825 Posts

  Microsoft

  Re: ASP.NET MVC4 and Colorbox Plugin via Partial View

  Mar 22, 2012 02:16 PM|LINK

  Hi

  Look this article:

  http://www.weirdlover.com/2010/05/14/mvc-render-partial-modal-pop-up-via-jquery-and-colorbox-part-1/

  Hope this helpful
  Regards
  Young Yang

  Please mark the replies as answers if they help or unmark if not.
  Feedback to us
  
  Develop and promote your apps in Windows Store
  
  
  • Marked as answer by ricka6 on Mar 25, 2012 04:43 AM