Sunday, 19 November 2017

Displaying Left and Right Navigation Arrows in Liferay AUI Datepicker

By default in aui datepicker left and right navigation arrows have some issues.

But its easy to fix.

Use the below css:

<style>
.yui3-calendarnav-prevmonth {
   background: rgba(0, 0, 0, 0) url("/html/themes/classic/images/arrows/09_left.png") no-repeat scroll 0 0 !important;
}

.yui3-calendarnav-nextmonth{
background: rgba(0, 0, 0, 0) url("/html/themes/classic/images/arrows/09_right.png") no-repeat scroll 0 0 !important;
}
</style>

You can change the image as you wish.

TEST

I am Java Developer. I have 6 year Experiance in this field and like to post in blogging. So keep sharing and like my post

0 comments:

Post a Comment

 

Copyright @ 2017 Liferay Article.