cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Support current page help in App

Support current page help in App

mat_vietz
Member

Hello everyone,

we are currently developing an app for the CtrlX plattform.

The building, installation and execution process works flawlessly on the virtual CtrlX.

In the next step, we now want to support the "current page help", to offer the user a more individual help than just a user manual.

However, this option is greyed out in our app currently:

mat_vietz_0-1681820585070.png

How can we implement this feature?

3 REPLIES 3

CodeShepherd
Community Moderator
Community Moderator

We are checking this internally.

FooFighter
Long-established Member

Hello,
you need to reference the weblib.help.

This package provides an Angular library for online help support in Rexroth applications.

Getting started

Run npm i @rexroth/help to install the package in your workspace.

Add the following object to your application's assets in angular.json:

{
  "glob": "**/*",                                            
  "input": "./node_modules/@rexroth/help/assets",   
  "output": "/assets/"
}

Import the weblib help module:

import { HelpModule } from '@rexroth/help';

To show the page help icon in the header insert in your html page:

<rexroth-page-help helpKey="YourPageTopicId"></rexroth-page-help>

To show a context specifig help with a small icon insert in your html page:

<rexroth-context-help helpKey="YourPageTopicId.SubId"></rexroth-context-help>
 

Hello,

I am not able to install this package npm i @rexroth/help, I am getting this error

eky2kor_0-1705296858625.png

eky2kor_1-1705296945631.png

Can you help me how to reslove this  error

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist