Query Projections & Collapse Accordion

Topics: Customizing Orchard, Troubleshooting
Jan 24, 2014 at 2:48 PM
Edited Jan 24, 2014 at 2:51 PM
I've created a Projection page based on a custom content type, and want the page to utilize Bootstrap's Collapse.

I need the "Display Text" token to be the accordion header and the rest of the Content Type be within the collapsible accordion-inner.

Yet, regardless if I choose HTML List or Raw Layout, I cannot shoehorn all the various Parts and Fields into the Collapse because I get the "too many characters" error if I go the Rewrite Results route for the Accordion-Inner.

Secondly, I don't know enough programming/C# Razor to parse each dynamic object content item on the custom cshtml shape and place them in the accordion-inner div without getting errors, so I'd like to keep this within the Query's Layout admin.

The custom content type definition is:

  • Sponsor (Text Field)
  • ​Funding Opportunity (Link Field)
  • ​Funding Title (Text Field)
  • Closing/Due Date (Text Field)
  • Funding Opportunity
  • Number (Text Field)
  • Accordion Collapse Number (Text Field)
  • Body
Can I concat the tokens to suffice the 255 character limit; or increase the character limit in the Rewrite Output?

Is there a way to add a div __id__= in the Customize Style or Wrapper? (It seems I can only get class and I need the id to call the parent toggle)

Any other suggestions on how to accomplish this?