Changing the view menu layout of af:panelCollection

This blog we will see how we will change the view menu layout in panel collection.

In af:panelcollection the view menu and detach button in coming in left aligned like the below screen.

But for displaying the menus in right align we need to add the below code in css file
af|toolbox::last-cell

{

    display: none;
}
af|toolbox::leading-cell
{
    float: right;
}

Now run the page and the view menu will display the right corner of the tale.

Thanks..