Product documentation Docs
    • English
    • Deutsch
    • 日本語
    • 한국어
    • Français
  • More Sites
    • Now Community
    • Developer Site
    • Knowledge Base
    • Product Information
    • ServiceNow.com
    • Training
    • Customer Success Center
    • ServiceNow Support Videos
  • Log in

Product documentation

  • Home
How search works:
  • Punctuation and capital letters are ignored
  • Special characters like underscores (_) are removed
  • Known synonyms are applied
  • The most relevant topics (based on weighting and matching to search terms) are listed first in search results
Topics are ranked in search results by how closely they match your search terms
  • A match on the entire phrase you typed
  • A match on part of the phrase you typed
  • A match on ALL of the terms in the phrase you typed
  • A match on ANY of the terms in the phrase you typed

Note: Matches in titles are always highly ranked.

  • Release version
    Table of Contents
    • Now Platform capabilities
Table of Contents
Choose your release version
    Home New York Now Platform Capabilities Now Platform capabilities Service Portal Service Portal widgets Widget developer guide Clone a widget

    Clone a widget

    • Save as PDF Selected topic Topic & subtopics All topics in contents
    • Unsubscribe Log in to subscribe to topics and get notified when content changes.
    • Share this page

    Clone a widget

    Take advantage of existing code by cloning and editing an existing widget.

    Before you begin

    Role required: admin or sp_admin

    About this task

    Note: Base system widgets are read-only so you can benefit from future updates. To make changes, you can clone base system widgets. However, cloned widgets are considered custom and don't benefit from future updates to the widgets they were cloned from.

    Procedure

    1. Open the Widget Editor in the Service Portal Configuration page, then select an existing widget from the Select a widget list. For example, select Hello World 2.
    2. From the list menu in the widget header, click Clone "Hello World 2".
      Figure 1. Clone a widget
      Clone a Widget form
    3. Enter a name for the cloned widget. The widget ID is created automatically based on the widget name.
    4. (Optional) Select Create test page to automatically create a page containing the widget.
    5. Use the check boxes to show or hide the different components of the widget editor as needed. Make changes to the HTML Template, CSS, client script, server script, or the link function.
      Figure 2. Hello World 2 clone
      Hello World 2 widget cloned and edited to say "Hola, mundo"
    6. In order to enable a preview of your widget, use Enable Preview from the menu. Use the eye icon that appears to show or hide a preview of your widget.

    What to do next

    If you clone a widget that uses the Angular ng-template, you must manually clone the template and change the name of the template reference in the widget.

    For example, the header menu widget uses the Angular ng-template menuTemplate. If you clone the header menu widget, you must also clone the menuTemplate and give the clone a unique name. When you open the clone of the header menu widget, you can see a reference to the menuTemplate in the HTML.

    Figure 3. menuTemplate in header widget HTML
    ng-template called menuTemplate highlighted and changed to menuTemplateCopy in header menu widget HTML

    Tags:

    Feedback
    On this page

    Previous topic

    Next topic

    • Contact Us
    • Careers
    • Terms of Use
    • Privacy Statement
    • Sitemap
    • © ServiceNow. All rights reserved.

    Release version
    Choose your release version

      Clone a widget

      • Save as PDF Selected topic Topic & subtopics All topics in contents
      • Unsubscribe Log in to subscribe to topics and get notified when content changes.
      • Share this page

      Clone a widget

      Take advantage of existing code by cloning and editing an existing widget.

      Before you begin

      Role required: admin or sp_admin

      About this task

      Note: Base system widgets are read-only so you can benefit from future updates. To make changes, you can clone base system widgets. However, cloned widgets are considered custom and don't benefit from future updates to the widgets they were cloned from.

      Procedure

      1. Open the Widget Editor in the Service Portal Configuration page, then select an existing widget from the Select a widget list. For example, select Hello World 2.
      2. From the list menu in the widget header, click Clone "Hello World 2".
        Figure 1. Clone a widget
        Clone a Widget form
      3. Enter a name for the cloned widget. The widget ID is created automatically based on the widget name.
      4. (Optional) Select Create test page to automatically create a page containing the widget.
      5. Use the check boxes to show or hide the different components of the widget editor as needed. Make changes to the HTML Template, CSS, client script, server script, or the link function.
        Figure 2. Hello World 2 clone
        Hello World 2 widget cloned and edited to say "Hola, mundo"
      6. In order to enable a preview of your widget, use Enable Preview from the menu. Use the eye icon that appears to show or hide a preview of your widget.

      What to do next

      If you clone a widget that uses the Angular ng-template, you must manually clone the template and change the name of the template reference in the widget.

      For example, the header menu widget uses the Angular ng-template menuTemplate. If you clone the header menu widget, you must also clone the menuTemplate and give the clone a unique name. When you open the clone of the header menu widget, you can see a reference to the menuTemplate in the HTML.

      Figure 3. menuTemplate in header widget HTML
      ng-template called menuTemplate highlighted and changed to menuTemplateCopy in header menu widget HTML

      Tags:

      Feedback

          Share this page

          Got it! Feel free to add a comment
          To share your product suggestions, visit the Idea Portal.
          Please let us know how to improve this content

          Check any that apply

          To share your product suggestions, visit the Idea Portal.
          Confirm

          We were unable to find "Coaching" in Jakarta. Would you like to search instead?

          No Yes
          • Contact Us
          • Careers
          • Terms of Use
          • Privacy Statement
          • Sitemap
          • © ServiceNow. All rights reserved.

          Subscribe Subscribed Unsubscribe Last updated: Tags: January February March April May June July August September October November December No Results Found Versions Search preferences successfully updated My release version successfully updated My release version successfully deleted An error has occurred. Please try again later. You have been unsubscribed from all topics. You are now subscribed to and will receive notifications if any changes are made to this page. You have been unsubscribed from this content Thank you for your feedback. Form temporarily unavailable. Please try again or contact  docfeedback@servicenow.com  to submit your comments. The topic you requested does not exist in the release. You were redirected to a related topic instead. The available release versions for this topic are listed There is no specific version for this documentation. Explore products Click to go to the page. Release notes and upgrades Click to open the dropdown menu. Delete Remove No selected version Reset This field is required You are already subscribed to this topic Attach screenshot The file you uploaded exceeds the allowed file size of 20MB. Please try again with a smaller file. Please complete the reCAPTCHA step to attach a screenshot
          Log in to personalize your search results and subscribe to topics
          No, thanks Login