This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 1 year, 6 months ago.

Move portlet dropdown arrow location


  • chris.cavage
    Participant

    Member Reply #7287

    I am using many portlets on a page.

    I have the drop down arrows per portlet to allow the user to expand/collapse them.

    How can I move the drop down arrow location so it is at the beginning of the portlet, not the end?

    Thanks.

    <!– BEGIN Portlet PORTLET–>

    <div class=”portlet light”>

    <div class=”portlet-title”>

    <div class=”caption”>

    <i class=”fa fa-flash”></i>Company Info </div>

    <div class=”tools”>

    </div>

    <div class=”actions”>

    </div>

    </div>

    <div class=”portlet-body” style=”display:none”>

    <table cellpadding=”0″ cellspacing=”0″ border=”0″ class=”display” id=”company” width=”100%”>

    <thead>

    <tr>

    <th>Name</th>

    <th>Website URL</th>

    </tr>

    </thead>

    </table>

     

    </div>

    </div>

    <!– END Portlet PORTLET–>

    Sean
    Sean
    Keymaster

    Posts: 4221
    Support Staff Reply #7299

    Hi,

    You can try to add below code into your custom.min.css:

    .my-portlet.portlet > .portlet-title > .actions {

    float: none;

    }

    And apply “my-portlet” class to your portlet.

    If you need any further clarifications please let us know.

    Thanks.

You must be logged in to reply to this topic.