6 Replies Latest reply on Dec 4, 2018 12:34 AM by Somendu Maiti

    Customize PIM WebAccess

    Sidhu Hajare New Member

      Is there any straight way to add HTML hyperlink in PIM WEB ACCESS user interface on the first page after the login page.

      I would like to add one reference link on the left side navigation panel where we can see Catalog,Task,Structure,Queries links.

       

      Thanks in advance.

        • 1. Re: Customize PIM WebAccess
          Stefan Reinhardt Guru

          Hi Sidhu,

           

          it is mentioned in the technical documentation and the SDK help however requires a little coding. Here is a short snippet on the details:

          Add a custom context area

          Similar to custom tabs, the Web UI navigation area on the left can also be extended programmatically. In this case, the base class to inherit from is AccordionTreeItem. A sample implementation that provides a link to open a new Browser Window looks like this:

           

           

          public class CustomContextItem extends AccordionTreeItem

           

          {

            private static final long serialVersionUID = 1L;

            public CustomContextItem()

            {

              setCaption( "Custom Context Tab" );

            }

            @Override

            public String getId()

            {

              return getClass().getName();

            }

            @Override

            public int getPosition()

            {

              return Positions.Accordion.Catalogs + 1;

            }

            @Override

            protected void buildMainLayout()

            {

              HorizontalLayout rootLayout = new HorizontalLayout();

              rootLayout.setMargin( true );

              Label customWidget = new Label( "Open External Page: " );

              rootLayout.addComponent( customWidget );

              rootLayout.addComponent( new Link( "Click me", new ExternalResource( "http://www.google.com" ), "_blank", 0, 0, 0 ) );

              setCompositionRoot( rootLayout );

            }

            @Override

            protected void initTree()

            {

              // do initialization here

            }

            @Override

            protected String getCaptionPropertyId()

            {

              return null;

            }

            @Override

            public boolean hasReadPermission()

            {

              return true;

            }

            @Override

            public String getPermissionId()

            {

              // return id of action right if permission checks are desired

              return "";

            }

          }

          Register the new Context tab implementation in your ExampleModule using the following binder:

           

            private void contributeAccordionItem()

           

            {

              Multibinder< AccordionTreeItem > accordionTabBinder = Multibinder.newSetBinder( binder(),

                                                                                              AccordionTreeItem.class,

                                                                                              Names.named( Components.Accordions.MAIN ) );

              accordionTabBinder.addBinding()

                                .to( CustomContextItem.class );

            }

          Stefan

          • 2. Re: Customize PIM WebAccess
            Vincenzo D'Alconzo New Member

            Hi Stefan,

             

            how can i get a list of just existent AccordionTreeItem in PIM WebUI ?

             

            Thanks

            • 3. Re: Customize PIM WebAccess
              Somendu Maiti Active Member

              Hello Stefan,

               

               

              The java class highlighted above is not found to be extended in 8.1.1 Info SDK update.

               

              Can you please advise on this ?

              • 4. Re: Customize PIM WebAccess
                Stefan Reinhardt Guru

                Sorry I don't have my hands on the code. But would suggest checking back with our support team to get insights. Maybe also share it back here then after for others.

                • 5. Re: Customize PIM WebAccess
                  Ralph Wittig Guru

                  Hi,

                   

                  from GCS side we can only share the Standard Documentation for Customizing the WEB UI. GCS can not provide help with custom implementations or checking code.

                  So if you are looking for the Customization part in the Documentation we can share.

                   

                  Best Regards

                   

                  Ralph

                  • 6. Re: Customize PIM WebAccess
                    Somendu Maiti Active Member

                    Hi Ralph, Stefen,

                     

                    Thank you for the update and response.

                    I agree it is there on documentation.

                     

                    However, the class AccordionItem which is in context, doesn't exist and documentation says to use the class.

                     

                    If you can advise further on this, please.

                     

                    Thanks,

                    Somendu