Change ListView Load More Button Name

0
Hey everybody,   I want to quickly change the load more button caption for a specific listview, with the caption being changed from "Load More..." to "See All". I don't want to change the system text due to that affecting all ListViews within the application.   Is there a way to accomplish this?   Currently I'm trying this scss out, but it doesn't work:   .ChangeButtonName-ListView { .mx-listview-loadMore{ content: 'See All'; } }   Thanks,   Aaron.  
asked
2 answers
1

Hi Aaron,

 

Might not be the prettiest solution, but what you can do is:

  • make the font-size of the button 0px
  • create an ::after on the .mx-listview-loadMore and set
    • content: 'some text';
    • font-size: xx px;

 

Hope this helps!

answered
0

Hey Aaron,

 

In principle, that seems about right. If you want the icon to display you can edit the font-size of the icon as well. Dependent on which element you choose would probably look something like the following:

 

.ChangeButtonName-ListView {

    .mx-listview-loadMore {

        font-size: 0px;

        height: 50px;

 

        >span::before {

            font-size: 12px;

            margin-right: 5px;

        }

    }

    .mx-listview-loadMore::after {

        content: 'See All';

        font-size: 12px;

    }

}

 

answered