liferay-ui- tabs with affix

[9年前 に shankardayal vijayakumar によって更新されました。]

Hi all,

please guide me to achieve affix in liferay ui tabs. for reference, i have found the example for navigation bar, the link is as follows
http://alloyui.com/examples/affix

thanks in advance

[9年前 に Andew Jardine によって更新されました。]

You would likely need to use a JSP hook and alter the JSPs used by the tag lib. You can find them under /html/taglib/ui/tabs. If you hook those files, then you can add whatever markup you like.

[9年前 に shankardayal vijayakumar によって更新されました。]

thank you andrew jardine

and i solved it by giving data-spy="affix" and data-offset-top="200" in an id. inside the tabs start.jsp page using hooks.

and the script i added is
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>

and the style

.affix{
top: 100px; /* Set the top position of pinned element */
}

thank you again.,