Wayfinder Widget Colors

[AlexK]

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

[sgreywilson]

[AlexK]

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

[sgreywilson · Accepted 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;



}

[AlexK]

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;

}