Community Tip - New to the community? Learn how to post a question and get help from PTC and industry experts! X
Hi Community
Is there a way to change the color of the reticle and the circle of the Wayfinder widget?
Thanks for your help!
Best wishes
Alex
Solved! Go to Solution.
Alex,
Sorry that was a rather a quick answer and probably you already knew that!
Currently I don't see any way to do what you want .
Alternatively you could maybe turn off the reticule and add/move a billboard image at the end point - which again you may have thought of
$scope.addImageIndicator = function () {
let data = $scope.getWidgetProp("wayfinder-1", "waypointsData" );
positionImage( "3DImage-Indicator", data[0].position.x, data[0].position.y, data[0].position.z );
}
positionImage = function (image , x,y,z) {
$scope.view.wdg[image].x = x;
$scope.view.wdg[image].y = y;
$scope.view.wdg[image].z = z;
}
Hi Steve
Thanks for your reply. I want to change the white color of the reticle and the circle, not the ribbon.
Best wishes
Alex
Alex,
Sorry that was a rather a quick answer and probably you already knew that!
Currently I don't see any way to do what you want .
Alternatively you could maybe turn off the reticule and add/move a billboard image at the end point - which again you may have thought of
$scope.addImageIndicator = function () {
let data = $scope.getWidgetProp("wayfinder-1", "waypointsData" );
positionImage( "3DImage-Indicator", data[0].position.x, data[0].position.y, data[0].position.z );
}
positionImage = function (image , x,y,z) {
$scope.view.wdg[image].x = x;
$scope.view.wdg[image].y = y;
$scope.view.wdg[image].z = z;
}
Hi Steve
Thanks, that's a clever solution! I will try it out.
Best wishes
Alex
Update: I've edited the code, so it updates the position by the viewfinder index
$scope.$on("$ionicView.afterEnter", function (event) {
$scope.addImageIndicator()
});
// Add this function "addImageIndicator()" to the next step button
$scope.addImageIndicator = function () {
$timeout(function() {
let data = $scope.getWidgetProp("wayfinder-1", "waypointsData" );
let index = $scope.getWidgetProp("wayfinder-1", "selectedWaypointIndex" );
positionImage( "3DImage-Indicator", data[index].position.x, data[index].position.y, data[index].position.z ); // Name the 3D image "3DImage-Indicator"
console.log(data[index].position.x, data[index].position.y, data[index].position.z);
}, 200);
}
positionImage = function (image , x,y,z) {
$scope.view.wdg[image].x = x;
$scope.view.wdg[image].y = y;
$scope.view.wdg[image].z = z;
}