Help CenterIn Inline Manual, you can hide and reveal text in a step using custom CSS and a custom button. A use case is when you want to create a simple question and answer walkthrough. In this guide we will create a walkthrough topic to showcase how the this effect can be achieved.
Prerequisites:
- Create a topic
- Create a step
Instructions:
1) Add Custom CSS code to your Inline Manual Site Settings
In your Inline Manual account, navigate to Sites > Click Settings for the Site > CSS. Copy the block of custom CSS code below and paste in the CSS tab of your Inline Manual site.
Make sure to click the Save button.
Next we need to create a topic and add some content. Navigate to your application and click on the Authoring tool extension to activate it.
2) Create a topic in the Inline Manual Site
When the Authoring tool is activated, open the Inline Manual site (same as where you have added the custom CSS code) to create the topic and click the Create link to create a new walkthrough topic
3) Add a Step to the topic
Click the "+" sign to add a new step to the walkthrough
4) Add HTML to the Step
In the WYSIWYG editor of the step, click Source in the editor to switch to the code view of the step and add the sample HTML code below as the text you want to hide in the step.
You can replace the sample text from above with your own content, including the "Reveal Text" button. Now you should see the custom CSS code in effect in the step.
If you need help with implementing this code, you can contact support for assistance.