Support/Kitsune/KB/context scenarios/Bela: Difference between revisions

#From her KB Editors group dashboard, Bela clicks on the "create a new article" item.

#She is taken to a new article in [[Support/Kitsune/KB/workflows#Edit_View|Edit View]].  

#She adds the main article title (doing this also creates a discussion forum for the article)

#The article already contains one resizable section with a rich text editor.

#Bella drags the bottom right corner to create some room for her to work.

#She then starts by writing the introduction.

#Since this article will apply to many different OSes and Firefox versions, she sets these in the Showfor section of the sidebar.

#As she continues to work on the introduction, she gets to a section that will contain information for different OSes. She writes them out in one sentence. Then she highlights some text that applies only to Windows and Fx4, clicks the Showfor button and chooses what tags this highlighted section of text will apply to. The result is that section of text now has a corresponding background color in the editor. [[Support/Kitsune/KB/workflows#Edit_View_Detail|Example]]

#Next Bela wants to add some Step-by-Step instructions she clicks the "Add a new section" button below the previous section that she was working on. This gives her a new blank section to work in. Again she drags the bottom right corner to create some more room for her to work in.

#She adds a section heading and a brief description. Then before the first step, Bela clicks the "New Step" button and a visual indication is added to the document. [[Support/Kitsune/KB/workflows#Edit_View_-_Adding_Steps|Example]]

#For this first step Bela drags a screencast she's made into the article window. [[Support/Kitsune/KB/workflows#Edit_View_-_Drag_and_drop_video|(Example)]] The video gallery window pops up and asks her to name the video and select the showfor tags. Then she clicks save and a proxy is added to the document while the video is compressed into multiple formats and uploaded in the background.

#Next Bela adds the text for that step below the video.

#Then Bela starts a new step by clicking the New Step button.

#This time Bela wants to add a screencast that's already in the video gallery so she clicks the insert video button. The video gallery pops up and she chooses the video she wants by clicking on it. It's then inserted in the article complete with it's showfor information. [[Support/Kitsune/KB/workflows#Edit_View_-_Insert_video|Example]]

#Realizing that she's been working on this for a while now, Bela clicks "Save and Continue" before moving on.

#Once she's done with that Step-by-Step section, Bela creates another one by again clicking the "New Section" button below the current section.

#This next step-by-step section will contain images instead of videos.  

#Bela continues adding steps with images via drag and drop and the image gallery. [[Support/Kitsune/KB/workflows#Edit_View_-_Drag_and_drop_image|Example]], [[Support/Kitsune/KB/workflows#Edit_View_-_Insert_image|Example]]

#One of Bela's screenshots could use some additional explanation so she decides to add a note to it. To do that Bela just clicks and drags on the image to create a red box that she can position anywhere on the image. There is also a place for her to enter the on hover text. [[Support/Kitsune/KB/workflows#Edit_View_-_Drag_and_drop_image|Example]]

#Now that she's just about done, Bela switches to the Article View/Preview view to see how things will look and work for the user.

#Switching back to Edit View, Bela decides to reorder the sections of the article. She can easily do this by grabbing each section's handle and dragging it into the order she wishes. [[Support/Kitsune/KB/workflows#Edit_View|Example]] (works like a Netflix queue)

#Now that she's done writing the article, Bela makes sure all of the article's meta information is set - category, type of article, table of contents on or off, keywords, etc.

#She also adds a summary of the edits she's made.

#Finally, she clicks submit.

 

 

=== Bela: Create a new article from the forum ===