Combining Apps in 2sxc

Question

I'm trying to combine apps to display a simple news article with blue imp gallery inside. But the Visual Query (VQ) doesn't seem to allow this from my basic user perspective even with specifying the app id in the VQ. So that the image gallery displays with a particular article. Also, when I attempt link the gallery in the source editor that is also not allowed: @RenderPage("[App:28]_gallery-inner-list.cshtml?[Content:Gallery]"). I didn't think this would be too complicated for either solution but apparently it is. Guidance Needed.

Answer 1

I had the same task in my project. My steps are:

1. Add a Field to the content type Article. Name: Gallery Fieldtype: Entity

2. In the Settings of the Gallery-Field uncheck "Visible in Edit UI" and leave entityType blank!

3. In the Template for Article insert following Code, where you want to show the Gallery: (where "yourname for the article" is your Contentvar)

           <div class="sc-content-block-list" @Edit.ContextAttributes(<yourname for the article>, field: "Gallery")>
               @foreach(var contentBlock in AsDynamic(<yourname for the article>.Gallery)){
                   @contentBlock.Render()
               }
           </div>
   

4. Save your template and have a look at your article. When you hover to the point, where your inserted code is, you got this: ContentBlock

5. Here you can click at the middle button and then choose the blueimp-Gallery BlueImp and the template.

6. Now you can enter new data or choose existing from the Gallery.

7. This is possibe with any App/Template in your system!

Nice Job Daniel!