I got the sema result with code you sent.
About the css in the inspector panel i got the following:
.ui-fileupload-buttonbar .ui-fileupload-choose input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
font-size: 200px;
direction: ltr;
cursor: pointer;
}
.ui-fileupload-choose input[type="file"], .ui-fileupload-simple input[type="file"] {
z-index: 999;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
/* font-size: 1em; */
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a, div, span, input, textarea, li, strong, button {
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
user agent stylesheet
input[type="file" i] {
align-items: baseline;
color: inherit;
text-align: start;
}
user agent stylesheet
input[type="hidden" i], input[type="image" i], input[type="file" i] {
-webkit-appearance: initial;
background-color: initial;
padding: initial;
border: initial;
}
user agent stylesheet
input {
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
padding: 1px;
border-width: 2px;
border-style: inset;
border-color: initial;
border-image: initial;
}
user agent stylesheet
input, textarea, keygen, select, button {
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
margin: 0em 0em 0em 0em;
font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}
Inherited from span.ui-button-icon-left.ui-icon.ui-c.ui-fileupload-choose
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
Inherited from div.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top
.ui-widget-header {
/* border: 1px solid #3f7506; */
/* background: #3a8104 url(images/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x; */
color: #ffffff;
font-weight: bold;
}
Inherited from div#j_idt163:j_idt164.ui-fileupload.ui-widget
.ui-widget .ui-widget {
/* font-size: 1em; */
font-family: 'titillium_webregular' !important;
}
.ui-widget {
font-family: 'titillium_webregular' !important;
}
Inherited from div#j_idt161_content.ui-panel-content.ui-widget-content
.ui-panel .ui-panel-content.ui-widget-content {
padding: 5px;
font-size: 14px;
}
Inherited from div#j_idt161.ui-panel.ui-widget.ui-widget-content.ui-corner-all
.ui-widget {
font-family: 'titillium_webregular' !important;
}
Inherited from div#layout-portlets-cover.fontRegular
#layout-portlets-cover {
background-color: #ffffff;
overflow-y: hidden;
padding-top: 55px;
color: #72828B;
overflow-x: auto;
}
.fontRegular {
font-family: 'titillium_webregular' !important;
}
.fontRegular {
font-family: 'titillium_webregular' !important;
}
aragorn wrote:No, please check the above css on your browser;
Also, Do you have "plus-sign.svg" under webapp/resources/sentinel-layout/images?
Can you please try the following xhtml page and attach a screenshot?
Code: Select all
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
template="/WEB-INF/template.xhtml">
<ui:define name="content">
<div class="ContainerIndent">
<p:panel header="FileUpload Samples">
<div class="ContainerIndent">
<h:form>
<p:fileUpload auto="true" />
</h:form>
</div>
</p:panel>
</div>
</ui:define>
</ui:composition>