ViewPagerIndicator takes up space

I’m using com.itsronald.widget.ViewPagerIndicator like this:

<com.google.android.gms.maps.MapView
      android:id="@+id/activitySpotDetailMapView"
      android:layout_width="0dp"
      android:layout_height="0dp"
      app:layout_constraintDimensionRatio="H,16:9"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      />

<android.support.v4.view.ViewPager
    android:id="@+id/activitySpotDetailViewPager"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintDimensionRatio="H,16:9"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    tools:background="#0f0"
    >
  <com.itsronald.widget.ViewPagerIndicator
      android:layout_width="match_parent"
      android:layout_height="@dimen/detail_page_indicator_height"
      android:layout_gravity="bottom|center_horizontal"
      android:background="@color/view_pager_dot_background"
      android:gravity="center_vertical"
      app:selectedDotColor="@color/view_pager_dot_active"
      app:unselectedDotColor="@color/view_pager_dot_inactive"
      />
</android.support.v4.view.ViewPager>

However the ViewPagerIndicator is not overlaying over the ViewPager items. Instead it takes up the space (as a result the Map will then be rendered). As you can see in the screenshot I’ve got a ViewPager of Images and behind that a Map is shown.

I’d like the Indicator to be rendered on top of the images so that the image bounds will be bigger and the map won’t be shown. Is this in any way possible?

[vanniktech]

Let me know if you need any more information.

[vanniktech]

I’ll close this now as this can be achieved now.