Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
Code for Accordion Text?

taichiguy
Registered User
Quote
2024-08-20 02:54:51

I found this code and it does work inside a container. The links need to be edited out of course and it only has three text boxes.

https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-accordion.php

I know nothing about code except I can visually see the text.

Tried pasting below but said it was spam.

micaelo? Sir


micaelo
Registered User
Quote
2024-08-20 09:42:57

Not sure what your question is. I guess if you talk "accordion text" you actually mean the HTML summary & detail tags.
This is easy to insert in RocketCake:
-> insert a HTML Code element from the Toolset
-> uncheck "CreateDivAroundCode"
-> insert this code:
<details>
<summary><span style="font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:000000; ">System Requirements</span></summary>
<p>
<span style="font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:000000; ">Requires a computer running an operating system. The computer must have some
memory and ideally some kind of long-term storage. An input device as well
as some form of output device is recommended.</span>
</p>
</details>

-> edit the summary and detail text
-> to add more items just copy & paste and edit the text.

Source: https://developer.mozilla.org/en...

Alternatively, you can use RocketCake's Summary & Detail component.


niko
Moderator
Quote
2024-08-24 08:30:56

There is now a updated "Summary and Details" component, version 1.1:
It now works with multiple stacked elements and in containers, and has some more options for styling (margins):
https://www.ambiera.com/rocketca...

If you are using it in your project already, you need to delete the existing summary and details elements and replace them with the new ones.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact