Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. You will need to get the correct Jira URL first by copying the URL from the "Fetch" Endpoint and replacing the bolded section of the URL with the correct syntax for your object.
     

  2. Go to  > Setup.

    Image Removed


    Image Added



  3. Search for "Visualforce Pages" then click on the Visualforce Pages menu item.

    Image Removed


    Image Added



  4. Click the New button to create a new Visualforce page for Jira issues.

    Image Removed


    Image Added
  5. A form will appear for you to enter details of the new Visualforce page.

    You can name it anything you wish. Add in the Visualforce markup from above

    For example:

    Code Block
    <apex:page standardController="<SALESFORCE_OBJECT_NAME>">
    <apex:iframe id="JiraWindow" src="<Jira_FETCH_URL>"></apex:iframe> 
    </apex:page>


  6. A form will appear for you to enter details of the new Visualforce page.
    You can name it anything you wish. Add in the Visualforce markup from above
    For example:


  7. Click Save.

    Image Removed


    Image Added

Adding a Related Issues Section to the Layout

  1. Now search for "Object Manager" then click on the Object Manager menu item.



  2. Choose the object that you want to create a button in.
    In our example, we will use Case.

    Image Removed


    Image Added



  3. Now look for Case Page Layouts and click it.



  4. A list of page layouts for the object will be listed.
    In this example, we want to modify the default Case page layout, which is called Case Layout.
    Go to the pull down menu and choose Edit.

  5. An interactive editor will appear for the object page layout.
    At the top will be a section of the items you can add to your layout, at the bottom is the page layout where you can drag and drop the item to.
    We want to add our new section for displaying Jira issues at the bottom of the Case Detail area.
    The Fields area should already be open in the top area.
    If not, click on it.



  6. Drag and drop the Section item from the top section down to the bottom of the Case Detail area.
    A green tick will appear if you have dragged it to a permitted area, a cross if you haven't.
    You may need to hold and scroll the page down a bit to get to the end of the Case Detail area.

    Image Removed


    Image Added



    Once you have let go, you will see a Section Properties pop-up:

  7. Give the section a name (we have called it "Related Jira Issues") and select 1-Column for the Layout.
    Click OK.
     

  8. We now have to move the Visualforce page for the related issues into this section.
    Back in the top section, click Visualforce Pages.



  9. In our example you can see the Visualforce page we created in the previous section, JiraIssues.
    Drag and drop this on top of the section we just created.
    Again, you may need to hold and scroll down the page to get to it.

    Image Removed


    Image Added
  10. After dropping, the Related Jira Issues section will look like the following with your Visualforce page name:



  11. Click Save.



  12. To verify the section was added successfully, go to a Salesforce object page of an object you know has Jira issues linked.
    There should now be a Related Jira Issues window under the Case Details and the linked issues listed inside.

...

  1. You will need to get the correct Jira URL first by copying the URL from the "Fetch" Endpoint and replacing the bolded section of the URL with the correct syntax for your object.
     

  2. Go to Salesforce and log in as an administrator and click on Setup.


     

  3. Expand the Develop menu under the Build section of the left hand menu.
    Find the Visualforce Pages link under this and click.

    Image Removed


    Image Added



  4. Click the New button to create a new Visualforce page for Jira issues.



  5. A form will appear for you to enter details of the new Visualforce page.
    You can name it anything you wish. Add in the Visualforce markup from above
    For example:

    Code Block
    <apex:page standardController="<SALESFORCE_OBJECT_NAME>">
    <apex:iframe id="JiraWindow" src="<Jira_FETCH_URL>"></apex:iframe> 
    </apex:page>


  6. Click Save.

...

  1. Now expand the Customize menu under the Build section of the left hand menu.
     

  2. Expand the object that you want to add the related issues section to.
    In this example, we are using Cases.
     

  3. Find the Page Layouts link and click on it.

    Image Removed


    Image Added



  4. A listing of page layouts will be shown. In this example, we want to modify the default Case page layout, which is called "Case Layout".
    Click on the Edit link under the Actions column of the layout.



  5. An interactive editor will appear for the object page layout.
    At the top will be a section of the items you can add to your layout, at the bottom is the page layout where you can drag and drop the item to.
    We want to add our new section for displaying Jira issues at the bottom of the Case Detail area.
    The Fields area should already be open in the top area.
    If not, click on it.



  6. Drag and drop the Section item from the top section down to the bottom of the Case Detail area.
    A green tick will appear if you have dragged it to a permitted area, a cross if you haven't.
    You may need to hold and scroll the page down a bit to get to the end of the Case Detail area.

    Image Removed


    Image Added



    Once you have let go, you will see a Section Properties pop-up:

  7. Give the section a name (we have called it "Related Jira Issues") and select 1-Column for the Layout.
    Click OK.
     

  8. We now have to move the Visualforce page for the related issues into this section.
    Back in the top section, click Visualforce Pages.



  9. In our example you can see the Visualforce page we created in the previous section, JiraIssues.
    Drag and drop this on top of the section we just created.
    Again, you may need to hold and scroll down the page to get to it.

    Image Removed


    Image Added



    After dropping, the Related Jira Issues section will look like the following with your Visualforce page name:



  10. Click Save.



  11. To verify the section was added successfully, go to a Salesforce object page of an object you know has Jira issues linked.
    There should now be a Related Jira Issues window under the Case Details and the linked issues listed inside.

...