Go to Design View of your ‘ArticleView’ Form, and drop a Button into the page next to the category_label. Change its name to edit_article_button, and its role to ‘filled-button’. Add the pencil-square icon instead of text:

Adding an edit button to the ArticleView Form

We might want to resize the edit_article_button since its now pushing the category_label over. Select the ColumnPanel to display blue lines in between its components. You can drag these blue lines to resize the column widths.

Dragging the blue lines in between components to resize them

We want to display a popup when the user clicks the edit_article_button. Create an event handler for the edit button by scrolling to the bottom of the Properties Panel and clicking the blue arrows next to ‘click’. The following function will be added to the Form’s code:

  def edit_article_button_click(self, **event_args):
    """This method is called when the button is clicked"""
    pass