diff --git a/docs/animationwindow/gui.md b/docs/animationwindow/gui.md
index 5bdbc435db8bf8a00b945dda0fd45a5a3ebe9f92..ea72405a57bab997abf2f789ec766b1aee9d8dfe 100644
--- a/docs/animationwindow/gui.md
+++ b/docs/animationwindow/gui.md
@@ -185,7 +185,9 @@ Du kan endre tekst og tekstfarge med `setLabel` og `setLabelColor`. Du kan endre
 
 ### Tekstfelt
 
-Et tekstfelt er et GUI element hvor man kan skrive inn tekst. Det er også mulig å hente ut teksten som er i tekstfelet med funksjonen   `TDT4102::TextInput::getText()`. 
+Et tekstfelt er et GUI element hvor man kan skrive inn tekst. Det er også mulig å hente ut teksten som er i tekstfelet med funksjonen   `TDT4102::TextInput::getText()`. For å skrive til et tekstfelt bruker vi funksjonen `TDT4102::TextInput::setText(std::string text)`.
+
+<img src="../../images/textinput1.png" alt="bilde som viser textinput" style="max-width:400px; width:100%;" />
 
 ```c++
 #include "AnimationWindow.h"
@@ -208,6 +210,8 @@ int main() {
 
 Tekstfeltene kan også være over flere linjer: 
 
+<img src="../../images/textinput2.png" alt="bilde som viser textinput over flere linjer" style="max-width:400px; width:100%;" />
+
 ```c++
 #include "AnimationWindow.h"
 #include "widgets/TextInput.h"
@@ -229,7 +233,9 @@ int main() {
 
 ### DropdownList
 
-Dropdown-liste har en liste med elementer som man kan velge mellom. Det valgte elementet henter vi ut med funksjonen `TDT4102::DropdownList::getValue()`. 
+Dropdown-liste har en liste med elementer som man kan velge mellom. Det valgte elementet henter vi ut med funksjonen `TDT4102::DropdownList::getSelectedValue()`. For å endre på elementene i lista, kall på funksjonen `TDT4102::DropdownList::setOptions(std::vector<std::string> &updatedOptionsList)` med en vector som inneholder de nye elementene. 
+
+<img src="../../images/dropdownlist.png" alt="bilde som viser dropdownliste" style="max-width:400px; width:100%;" />
 
 ```c++
 #include "AnimationWindow.h"
@@ -239,7 +245,7 @@ std::vector<std::string> options {"Hello", "There", "General", "You", "Are", "A"
 TDT4102::DropdownList list({100, 100}, 300, 30, options);
 
 void handle() {
-	std::cout << "Selected: " << list.getValue() << std::endl;
+	std::cout << "Selected: " << list.getSelectedValue() << std::endl;
 }
 
 int main()
diff --git a/docs/images/dropdownlist.png b/docs/images/dropdownlist.png
new file mode 100644
index 0000000000000000000000000000000000000000..bfd84382cdbe0332c9a463ffab36761ea9b17ac8
Binary files /dev/null and b/docs/images/dropdownlist.png differ
diff --git a/docs/images/textinput1.png b/docs/images/textinput1.png
new file mode 100644
index 0000000000000000000000000000000000000000..303c98c3884d75177f2faa785b6a7e22c00c091a
Binary files /dev/null and b/docs/images/textinput1.png differ
diff --git a/docs/images/textinput2.png b/docs/images/textinput2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e62be7076183fc4b6e658d70db6fdea309eecc8b
Binary files /dev/null and b/docs/images/textinput2.png differ