---
title: "Configure Visualforce components"
canonical: "https://support.appfire.com/space/CSFJIRA/1873445794/Configure%20Visualforce%20components"
format: markdown
---
## Create a Visualforce page

> 📝 The package is shipped with ready-made Visualforce pages for **Case**. If you plan to use it for **Case** only, you can skip to [Add a Visualforce page to an Object Layout](https://appfire.atlassian.net/wiki/spaces/CSFJIRA/pages/1873445794/Configure+Visualforce+components#Add-a-Visualforce-page-to-an-Object-Layout). For other standard objects and custom objects, follow the steps in this section.

### Create a Jira Issues Visualforce page

1. Go to **Setup** and type `Visualforce Page`** **in the **Quick Find **box.
2. Click **New**.
  
3. Provide a name and a label for the Visualforce page.   
We recommend using **Jira Issues** as the label and ***ObjectName*****JiraIssuesPage **as the name. Replace ***ObjectName ***accordingly. For example:
  - ***Account*****JiraIssuesPage **for **Account**
  - ***Opportunity*****JiraIssuesPage **for** Opportunity**
  - ***MyCustomObject__c*****JiraIssuesPage **for** MyCustomObject__c**
    
4. Paste the following into the **Visualforce Markup **editor:  
**Cloud**
  **JIRA Issues Visualforce Page**
  **Server**
  **JIRA Issues Visualforce Page**
5. Remember to replace `ObjectName`** **accordingly.
  
6. Click **Save**.

### Create a Jira Comments Visualforce Page

To display Jira comments for your object, repeat the steps in the *[Create a Jira Issues Visualforce page](https://appfire.atlassian.net/wiki/spaces/CSFJIRA/pages/3091792703)* section above with the following details:  
**Label:** `Jira Comments`  
**Name:** `ObjectNameJiraCommentsPage`  
**Visualforce Markup:**

**Cloud**

**JIRA Comments Visualforce Page for Custom Objects**

```xml
<apex:page standardController="ObjectName" extensions="JCFS.GenericObjectController">
    <JCFS:JiraCommentsComponent son="{!son}" soid="{!soid}"></JCFS:JiraCommentsComponent>
</apex:page>
```

**Server**

**JIRA Comments Visualforce Page for Custom Objects**

```xml
<apex:page standardController="ObjectName" extensions="JSFS.GenericObjectController">
    <JSFS:JiraCommentsComponent son="{!son}" soid="{!soid}"></JSFS:JiraCommentsComponent>
</apex:page>
```

## Add a Visualforce page to an Object Layout

1. Log in to your Salesforce instance and click **Setup**.
2. To customize your object** Page Layout**, under the sidebar, navigate to **Build** > **Customize > **(object name) > **Page Layout**.
3. Choose the layout** **you want to edit in the list, then click **Edit**.   
Example of *Case Page Layout*
4. Under the** Layout** panel, scroll until you find **Visualforce Pages**.
  
  If you don't see the Visualforce page you're looking for, review the steps in [Create a Visualforce Page](https://appfire.atlassian.net/wiki/spaces/CSFJIRA/pages/1873445794/Configure+Visualforce+components#Create-a-Visualforce-page).
5. Click and drag **Section **to a preferred section in the layout. Give this section a name. In this case, we've named it `Jira Section` and configured it as a two-column layout.
6. Click and drag **Jira Issues** and **Jira Comments** onto the newly-created *Jira Section* and place them side by side. You can also adjust the properties so that the panel size is more usable (a minimum height of 500px is recommended).
7. Click **Save**.

Now, when you load an object's page, you can see the Jira issues associated with it, along with their comments.

![2025-10-23_11-46-57.png](media://f19b59b8-a5c5-43dd-86a9-60efbc922588)

   
Upon creating a new Jira issue or associating it with an existing one, the **Jira Comments** page will refresh automatically.

## Next steps

- [Creating a Jira Issue from Salesforce](https://appfire.atlassian.net/wiki/spaces/CSFJIRA/pages/3091792703)