orbeon - Orbean Server side embedding - CSS issues -


we trying use orbeon form runner server-side embedding.

the form renders on form runner, in our java web application form not rendered i.e. css issues.

all /orbeon/* resources retrieved orbeon application, css not applied properly. suspect because of div added embedded/portlet.

in form runner

form in form runner full size image

in java web application

form embedded in java web application full size image

also, if use wizard view, works in form runner, not work in embedded java web application. sections shown on same screen.

when orbeon forms produces whole page, adds orbeon class on body, , pretty css comes orbeon forms "prefixed" .orbeon …. done minimize risk of orbeon forms' css conflicting own css.

i can't sure problem, if css doesn't apply when embedding, might need add class="orbeon" on element contains content you're embedding.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more