Thanks Alex, I don't want to go and make changes to the summary page as that would make it harder to upgrade in the future. What I have done and is working so far is to just add some CSS in our current css customisation file. This is similar to what we do for the buttons on the view and edit pages.
This CSS seems to work and gives me the floating buttons at the bottom of the window with a transparent
background. I have also hidden the buttons I don't want. The final css element hides the search box and button. I got this all working with a bit of trial and error.
My only concern with this is that if you make changes to the html in subsequent orbeon releases this will stop working. Is this something I should be concerned about? Is there a better way to do this?
thanks
brian...
/* Float the orbeon form buttons to the bottom of the frame
with the buttons contained in a transparent slightly grey
div */
/* This matches the div that contains all the buttons*/
.orbeon .fr-buttons {
bottom: 1px;
display: inline-block;
width: 98%;
position: fixed;
text-align: center;
right: 1px;
background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
background: rgba(54, 25, 25, .4);
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
position: fixed;
border-radius: 8px;
}
/* This matches the span containing the button on a form view or edit page. */
.orbeon .fr-buttons .xbl-fr-process-button
{
display: inline-block;
position: relative;
/* top: 50%;
transform: translateY(10%); */
padding: 7px;
}
/* This matches the review and delete buttons on a summary view form which is presented when
you try to create a new form but have multiple unsaved drafts of that form type. */
.orbeon .fr-buttons .fr-review-button,
.orbeon .fr-buttons .fr-delete-button
{
display: inline-block;
position: relative;
/* top: 50%;
transform: translateY(10%); */
padding: 7px;
}
/* This matches the home, pdf, duplicate and new buttons on a summary view form
which is presented when you try to create a new form but have multiple unsaved
drafts of that form type. We want to hide these buttons. */
.orbeon .fr-buttons .fr-home-button,
.orbeon .fr-buttons .fr-pdf-button,
.orbeon .fr-buttons .fr-duplicate-button,
.orbeon .fr-buttons .fr-new-button
{
display: none;
}
/* This turns of the search field and button on the search in the summary view form
which is presented when you try to create a new form but have multiple unsaved drafts
of that form type. */
.orbeon .fr-summary-search #search-switch,
.orbeon .fr-summary-search div.fr-search-buttons
{
display: none;
}
Locked
