[ https://issues.apache.org/jira/browse/OFBIZ-5840?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14259405#comment-14259405 ]
Taher Alkhateeb commented on OFBIZ-5840: ---------------------------------------- Hey everone. I did a little of of digging to find out why the party profile sub tab bar is shown distorted as submitted by Ahmad Ludin. The menu in question is ProfileSubTabBar found in PartyMenus.xml. After investigating it I found that the generated HTML is {code:html} <ul class="nav navbar-pills pull-right" role="tablist"> {code} which seems weird because i did not find navbar-pills CSS directive anywhere except in the bootstrap theme. I also found the following snippet of code in jQuery below: {code:html} <script type="text/javascript"> jQuery(".navbar-pills.pull-right li a.buttontext.create").each(function(){ var linkText = jQuery(this).html(); var data = '<span class="glyphicon glyphicon-plus"></span> '+linkText; jQuery(this).removeClass('buttontext').removeClass('create').addClass("btn btn-primary btn-sm"); jQuery(this).html(data); }); </script> {code} So my question is, am I looking at something specific to bootstrap. I don't want to waste a lot of effort bug-hunting if someone knows what's going on here. > Create bootstrap theme > ---------------------- > > Key: OFBIZ-5840 > URL: https://issues.apache.org/jira/browse/OFBIZ-5840 > Project: OFBiz > Issue Type: Sub-task > Components: framework, themes > Affects Versions: Trunk > Reporter: Julien NICOLAS > Assignee: Adrian Crum > Labels: bootstrap, theme > Attachments: Facility.PNG, FindAgreement..png, Footer.jpg, > GlobalDecorator.patch, ImprovedFooter.patch, MacroMenuRenderer.patch, > OFBIZ-5840-Menufactory.patch, OFBIZ-5840-Menufactory.patch, > appbar_menu_ftl.patch, bootified.js, bootified_js_screentrans.patch, > bootstrap-theme.zip, bootstrap.zip, calendar.PNG, catalog.png, > htmlMenuMacroLibrary.patch, pagination_htmlFormMacroLibrary.patch, > panelCollapse_htmlSreenMacroLibrary.patch, party menu tab bar.PNG, > preferences.png, tab-bar.png, workeffort.PNG > > > 1- create a sub-directory called bootstrap under the image webapp to put > the resources over there (js, css and fonts) as indicated earlier by Gavin. > (Julien : not sure about location) > 2- check to make sure that the current version of jQuery is compatible with > the installed version or upgrade it accordingly > 3- Create a new theme based on one of the existing themes as suggested by > Julien and Gavin > 4- Test the theme by switching to it and handle major bugs / issues. > 5- Start to make a few test screens utilizing Bootstrap -- This message was sent by Atlassian JIRA (v6.3.4#6332)