...
Approach - 1 : [ By using navigation plugin from content-plugins ]
Navigation plugin can be used modified to achieve the desired fix.
We could design a template for navigation buttons as in the Final design.
Do a
conditional rendering for the new template to avoid overlapping.rendering based on the configuration or event data.
- The event or config should have the details of the position[ eg: top, middle ] to render the template.
Code Block <div ng-show="customNavigationVisible" ng-controller="CustomNavigationCtrl"> <custom-next-navigation></custom-next-navigation> <custom-previous-navigation></custom-previous-navigation> </div>
Pros:
- We can design the template once and use wherever we want by using conditional rendering.
...
Diagram illustrating the Second Approach :
