i need include xhtml file (file1) inside xhtml file (file2). file1 using primefaces components , styles. file2 bootstrap template uses bootstrap styling , css. when include file1 inside file2, primefaces styles overridden bootstrap, , result primefaces components don't work properly.
how include file1 in file2 without causing css overridden?
html doesn't support in first place, jsf/facelets being html output generator can little you.
you've 2 options:
alter bootstrap css selectors prefixed strong , specific selector in web application guaranteed used wrap bootstrap templates. if necessary programmatically during serving bootstrap css file jsf resource.
inclue 1 of template files via
<iframe>. not share jsf view state parent template. may still run trouble if have jsf forms in there.
Comments
Post a Comment