> For the complete documentation index, see [llms.txt](https://docs.moocit.fr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.moocit.fr/english/course-components/common-problem-types/common-problem-question-text.md).

# About; Question Title, Header, Prompt & Tips

This article covers how to add various types of text for common problem types including question title, header, prompt and tips.

{% hint style="info" %}
This article relates to **Common Problem types** only and covers the various text levels and formats that can be used. 
{% endhint %}

![Common problem are accessible within a Unit > Problem Component. ](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVXm1_vj-PpEWK_XjD%2FScreen%20Shot%202020-07-05%20at%2021.54.10.png?alt=media\&token=e659c74c-6dd3-425d-8c7b-0cd84800d154)

## Question title, prompt, header and text

Your questions may include several levels of text which will be visible to learners: Title, header, question text, question prompt, and question tip. Only 2 of these are required: \
\
**Question Title** is the title of the component and is a required field.\
**Question prompt** is also a required field. 

This is how a question looks in learner view with all of the text fields: 

![4 levels of text available in Problem components](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVX2DEzXeR28jiuJYW%2FScreen%20Shot%202020-07-05%20at%2021.29.31.png?alt=media\&token=3c7bb5f6-0504-4459-9e6a-51ce9550b98b)

### Modify the Question Title (component display name)

1. Select ***Edit***
2. Click on ***Settings*** tab
3. Modify the ***Display Name*** to the title you wish to be displayed

![Edit the Display name of your problem component](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVgIIhCzAHXBCVLqy8%2FScreen%20Shot%202020-07-05%20at%2022.35.45.png?alt=media\&token=3a9b4d78-5da8-46b5-b92c-c52018349424)

###

### Add or Modify a Question Header

{% hint style="info" %}
Question Header are optional. You can use Question header to add different sections in you exercise, in the case you add multiple questions into the same problem component. 
{% endhint %}

#### Too add a question header:

1. Select **Edit** 
2. Select '**\<H>'**&#x20;
3. Replace the word '*Header'* with the text of your choice&#x20;

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVU8Cfq3xU1li9ptZI%2FScreen%20Shot%202020-07-05%20at%2021.38.13.png?alt=media\&token=3d3ec872-03d5-4b18-bad8-ced6f28be502)

#### To modify a question header:

1. Select **Edit**
2. Locate the text above the 5 equal signs (`=====`)
3. Replace the text with your header text

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVUcoiiocR5gvdVn_q%2FScreen%20Shot%202020-07-05%20at%2021.40.24.png?alt=media\&token=ff6e0ebb-4767-4001-a9e6-f502bd0a55a2)

{% hint style="info" %}
Anything written below the header will appear as 'regular' question text. This text will appear above the shaded area of the question.&#x20;
{% endhint %}

### Add or modify a Question Prompt

{% hint style="info" %}
Question prompts are required - you can use this for the question text or for instructions on how to answer the question.
{% endhint %}

*Question prompt* and *optional tip or note* appear between 2 greater than and 2 lesser than signs \
(`>> <<`).

To add an *optional tip*, add 2 vertical lines (`||`) followed by the optional tip text.&#x20;

**Example:**&#x20;

`>>Question prompt. || Optional tip or note <<`

![Markdown view of problem header, text and question prompt](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MBVGq1JJmA5DDkdg7Xl%2F-MBVVYHmT-P0mEdAkVTk%2FScreen%20Shot%202020-07-05%20at%2021.44.25.png?alt=media\&token=55463fc9-b57d-4524-b08e-92f2c7c20b2b)

{% hint style="info" %}
Anything within the Question prompt (`>> <<`) will appear in the shaded area of the question.
{% endhint %}