JSF :: Styling PrimeFaces File Upload Tag

Mar 22, 2014

I'm having some problems styling the PrimeFaces upload tag <p:fileUpload /> in my application.

In my xhtml code I have the following:

<p:fileUpload id="fileUpload" fileUploadListener="#{filters.upload}"
allowTypes="#{filters.uploadTypes}" invalidFileMessage="#{filters.uploadBadType}"
sizeLimit="#{filters.uploadSize}" invalidSizeMessag="#{filters.uploadBadSize}"
update="fileUpload fileTable filterTab uploadMessage hiddenNum hiddenPhoto uploadError footer
namePhotSystem checkOverwrite"
description="Select Text File" disabled="#{filters.fileuploadDisabled}" fileLimit="1"
fileLimitMessage="You are only allowed to upload one file at a time"
styleClass="fileUploadClass" label="Choose the File to Upload" auto="true" />

This all works correctly, both the AJAX update and on the server, but I'm unable to get the button or buttons displayed in the way I need.

By including the following in my CSS:

.ui-fileupload.fileUploadClass {width:428px;}
.ui-icon-plusthick {display:none;}
.ui-button-text {width:200px; height:20px;}

the first sets the width of the button bar, and by looking at the HTML code generated by PrimeFaces, I discovered that the second hides the "+" to the left of the "Choose" button, which here has been replaced by the text "Choose the File to Upload". However, this text is displayed on two lines, with the word "Upload" on the second. I want the whole text to be on one line, but no matter what I do, I cannot get this to work properly. The third line of my CSS code does indeed reduce the height of the button, but the width does not work at all, and the last part of the text is simply lost. How do I put all the text on one line and adjust the width of the button?

Another question is that when I remove the auto="true" attribute from the tag, which I had originally, the "Upload" button is displayed to the right of the "Choose" button, and when a file is chosen but not yet uploaded, it is displayed below the button. This is a capability that I might still want, however, I am unable to style the display, and in particular the progress window to the right of the file name and size. All the files I want to upload are relatively small text files, and I want to adjust this window or even hide it completely. How is this done?

Incidentally, because the files are all quite small, I have disabled the display of the "Cancel" button, so either only the "Choose" button is shown, or the "Choose" and "upload" buttons.

View Replies


ADVERTISEMENT

JSF :: Styling Primefaces Elements With CSS File

Nov 19, 2014

Currently I am having difficulties styling a particular prime faces element in a JSF application for work. I'm tasked with giving the ui a styling and color scheme acceptable to our project design. However I am finding myself unable to "hook" a particular pf element with an ID so that I can proceed with styling a imported .css file.

I'm trying to style the commandLink button to display in Orange 20px font with Italic but when I inspect the element in chrome after being rendered It doesn't even show its style linked to the assigned ID. The class style for mainMenuItem is being applied to the commandlink but is immediately over written by ui-widget. I'm trying to style that one single component(override/replace ui-widget with the properties in the #loggedInUserID)

Current .XHTML code and the css file has been linked with

<h:outputStylesheet library="css" name="masterPW.css"/>
<div class="mainMenuItem"><p:commandLink id="loggedInUserId" styleClass="maserPW.css" value="#{loginController.userFullName}"/>
</div><!--End of mainMenuItem-UserID div -->

[Code] ....

View Replies View Related

JSF :: Execution Of File Upload Primefaces Multiple With Counter

Apr 16, 2015

I am not all secure on the execution of the fileupload Primefaces.

The uploading execution occurs normally, but I would like to have a counter that control's the received files. The problem is that sending files go by so fast by this method that appears to be running in parallel. My question is whether this behavior is normal while sending files.

If it is not, where may be the error. If it is normal what can i do to make the counter really take the right value?

I'm using the scope of the "bean" type of view, but when im trying to run the session the problem also occurs depending on the file size.

If my files are very small, the execution is very fast and I cant follow the counter. If I clean the code the execution usually occurs no matter the size of the files.

@ManagedBean (Name = "bean")
@ViewScoped
public class BeanUpload {
private int counter;
@PostConstruct
public void init () {
counter = 0;

[Code] .....

The result on the console for 3 files is:

COUNTER EX: 1
COUNTER EX: 1
COUNTER EX: 1

If I run the code in debug mode on the console this is the result:

COUNTER EX: 1
COUNTER EX: 2
COUNTER EX: 3

Versions: Mojarra 2.1. Primefaces 5.1.15

View Replies View Related

Servlets :: How To Upload File To Dropbox With Only File Name (without Path) Using Java

Dec 1, 2014

In my web application i want to upload file to drop-box. I am getting file name from browser.Is it possible to upload file to drop-box with only file name.

Below the drop-box upload code with java.

File inputFile = new File("New Text Document.txt");
System.out.println("inputFile.getAbsoluteFile(): " + inputFile);
FileInputStream inputStream = new FileInputStream(inputFile);
try {
DbxEntry.File uploadedFile = client.uploadFile("/magnum-opus.txt",
DbxWriteMode.add(), inputFile.length(), inputStream);
System.out.println("Uploaded: " + uploadedFile.toString());
} finally {
inputStream.close();
}

In the above code the place New Text Document.txt we have to provide total path of file.

View Replies View Related

Rewrite Upload Binary File Into A Normal File

Nov 14, 2014

I upload a file and save it like the following  

byte[] uploadedFileBuf = new byte[(int) uploadedFile.length()];
saveFileSystem(excelUpload + getLocalFileName(acad_year, stuid), uploadedFileBuf);
private boolean saveFileSystem(String filename, byte[] data){
  try{
        FileOutputStream fos = new FileOutputStream(filename);
          fos.write(data);
         fos.close();

[Code]...

I can not read it  use

HSSFWorkbook WorkBook = new HSSFWorkbook(new FileInputStream(filename));

View Replies View Related

Upload A File In R

Jan 21, 2015

I need to upload a file in R, I can do it with a CSV file or excel ect. The file I received is already in R format .Rdata.It is a file called surveydata.rdata.The two data frames are surveydata.4.num.frame and surveydata.4.lab.frame.The surveydata.4.num.frame is what I need.I can click on it in Rstudio to see the data but I can't load it to run an analysis.How can I upload this?

View Replies View Related

JSF :: Implement A File Upload Functionality?

Apr 16, 2014

I am trying to implement a file upload functionality. One of the requirement is to display a 'Please Wait!!!' message to the user while the upload is going on. My project currently uses JSF 1.2, Tomahawk, JQuery 1.9, JQuery UI 1.10. I am aware that this can be accomplished using a4j with richfaces, however I am not supposed to add any new library to the existing project. how this can be done?

View Replies View Related

JSF :: Upload File With Path Stored In Database?

May 20, 2014

I'm using jsf 2 to upload file, first I upload the file in a system directory, then trying to store the path to database with other information, my stuck is that when submitting I upload the file successfully, find it in the right place, find the other information such as description, file name ... in database but don't find the path. this is my managed bean :

package mbeans;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.URL;
import java.util.List;

[code]...

View Replies View Related

Correct Way To Upload Large Data File

Nov 25, 2013

Our client has a user facing web application running on Jboss. There is a separate admin application (in its own ear) but deployed on same Jboss server on which user facing web application is running.

They need a screen to upload large amount of data into database. Their original files were in excel with size > 60 mb. We suggested following to them:

a. Change upload format to CSV - this brought down file sizes to 25-30 mb
b. Upload process will be MDB - asynchronous processing of data so that admin web app does not stop responding

We also suggested following to them:

a. Host admin app on a different machine so that user facing site does not respond slow during data processing
b. We can provide incremental upload feature and they should upload files in the chunks of 4-5 mb, specifically if they have user a web page to upload such files - they don't buy this argument though.
c. Data processing can be a separate script instead of a part of admin web application. They can FTP files to a designated location and this script will process those files.

I have following questions:

Q1 - Have you seen upload of such large datafiles to a web application? I see sites like Zoho CRM or Salesforce do not support such data imports and mostly fail or not respond.
Q2 - Is there a set of guidelines/best practices to upload large data files of this nature? How do insurance companies or others with enormous set of data accomplish such tasks (what is the architecture of such programs)?

View Replies View Related

JSF :: File Upload And Prevent Refresh Calling Page

Apr 1, 2014

I have a JSF page (called MainPage) with a commandButton: clicking on it, I open a modal panel with a <Rich:fileUpload> component, related to a listener in corresponding bean.

When I start to upload a file, page MainPage starts to refresh, but I would like to prevent this because it's not necessary.

I tried to "play" with <Rich:fileUpload> property values, but nothing seems to work and I don't know what to do anymore.

Here is file upload component

<rich:fileUpload fileUploadListener="#{pannelloUploadBean.uploadListener}"
id="#{cid}_input"
ajaxSingle="true"
immediateUpload="true"
listHeight="200px"
listWidth="458px">

[Code] .....

View Replies View Related

Servlets :: How To Upload File To Google Drive With Java Web Application

Dec 4, 2014

How to upload file to google drive using java. my java code is.

HttpTransport httpTransport = new NetHttpTransport();
JsonFactory jsonFactory = new JacksonFactory();
GoogleAuthorizationCodeFlow flow = new GoogleAuthorizationCodeFlow.Builder(
httpTransport, jsonFactory, CLIENT_ID, CLIENT_SECRET, Arrays.asList(DriveScopes.DRIVE))
.setAccessType("online")
.setApprovalPrompt("auto").build();

[Code] ....

So in that file object(java.io.File fileContent = new java.io.File("document.txt");) asking complete file path. But in file upload we can get only file name not path.

View Replies View Related

GWT 2.4 - File Upload Servlet To Accept CSV And Parse For Insert Into Database

Oct 22, 2014

Creating a file upload servlet to accept a CSV and parse for insert into a database, however, whenever I click submit, it always seems to open a new tab/window. Below is the method I have that builds the upload form: (Using GWT 2.4)

private void buildUpload(){
LayoutContainer headerContainer = new LayoutContainer(new ColumnLayout());
headerContainer.setStyleAttribute("padding", "5px");
add(headerContainer);
NamedFrame hiddenFrame = new NamedFrame("uploadFrame");
final FormPanel form = new FormPanel(hiddenFrame);

[Code] .....

Is there something I'm missing? or something I've added that makes it open a new tab/window?

View Replies View Related

Servlets :: Large File Upload From Client To Content Management System

Sep 3, 2009

I have a requirement where a large file (100 -200MB) is uploaded from the client to a content management system. I am using a servlet with Apache Commons File Upload API. Apache FileUpload has 2 ways of handling files,

1) Non-Streaming
2) Streaming

Currently I use the Non-Streaming approach where the servlet stores the file in a temp location and upload the same into the content management system - This is taking lot of time so I am trying to implement Streaming API.

Content Management API supports streaming in 2 methods,

a) SetContent - Takes the file's ByteArrayOutputStream as input -> This gives OutOfMemoryException because the file being large
b) AppendContent - Takes the file's ByteArrayOutputStream as input -> This method can be called multiple times to upload the large file but I dont know how to do this. The Apache File Upload gives InputStream of the file and I need to split that into chuncks and append into the content management system.

How to convert InputStream to 4KB ByteArrayOutputStream so that I can use the AppendContent method in content management API?

View Replies View Related

Servlets :: Unable To Get Path Of File When Upload Files In Server After Browsing Folders

Jun 30, 2014

I have a code that uploads files in server after browsing folders and files then get the paths of files but I have a problem in getting the paths

List items = upload.parseRequest(request);
Iterator iterator = items.iterator();
while (iterator.hasNext()) {
FileItem item = (FileItem) iterator.next();
if (!item.isFormField())
{ fileName = item.getName();
root = getServletContext().getRealPath("/");
path = new File(root + "/uploads");

[Code]...

list1 must has paths that I want but I do not get the paths of upload files

View Replies View Related

Servlets :: How Does Multipart / Form-data Send Data Over Network During File Upload

Apr 9, 2015

I would like to understand how does multipart/form-data works during file upload scenario's, Does it chunks the data from client to server while transferring the files ?

View Replies View Related

JavaFX 2.0 :: TableView Single Cell Selection Styling

Jun 6, 2014

TableView selection model allows selecting single cells in the table but the default styling highlights the whole row regardless of the actual column selected in the row.

I am just wondering what options are there to change this behaviour so that the actual cell (row/column) get highlighted rather then the whole row.

Something like the $18,000 cell in the  "Figure 1 Table overview"  in [URL] ....

View Replies View Related

JavaFX 2.0 :: Styling Of Controls Doesn't Work programmatically

Dec 9, 2014

I have a stylesheet (mystylesheet.css) with following entry:
 
.flowpane{
    -fx-background-color: rgb(0,0,0);
}
 
In then start-method of my application I execute:
 
       StackPane root = new FlowPane();
        Scene scene = new Scene(root,primaryScreenBounds.getWidth(),primaryScreenBounds.getHeight());
        scene.getStylesheets().add(css.getFile());
        root.applyCss();

No FlowPane gets black. But if I do that in SceneBuilder and add the stylesheet to root than after loading Fxml-file the FlowPane gets black.

Another approach:

        StackPane root = new FlowPane();
        Scene scene = new Scene(root,primaryScreenBounds.getWidth(),primaryScreenBounds.getHeight());
        scene.getStylesheets().add(css.getFile());
        root.getStyleSheets().add(css.getFile());
        root.applyCss();

Nothing happens.

        StackPane root = new FlowPane();
        Scene scene = new Scene(root,primaryScreenBounds.getWidth(),primaryScreenBounds.getHeight());
        scene.getStylesheets().add(css.getFile());
        root.getStyleSheets().add(css.getFile());
        root.getStyleClass().add("flowpanel"); 
        root.applyCss();

Doesn't work too;
 
but root.setStyle("-fx-background-color: rgb(0,0,0) works. But I need to style my application by css-files.

View Replies View Related

JavaFX 2.0 :: Styling A TableCell To Indicate Focused Cell In TableView

Sep 15, 2014

I am trying to style the TableCell that has focus in a TableView to simulate how Excel does it. Excel uses a white background with a 3px black border which seems to be centered on the nominal cell edges. That is (and this is issue I am having), the border extends outside of the nominal cell boundaries.
 
My first naive attempt was to to override the CSS for .table-cell as follows:
 
.table-cell:selected:focused
{
  -fx-background-color: white;
  -fx-text-fill: -fx-text-base-color;

[Code]....

Doing this fixed problem (1) from the first attempt since this approach tweaks the background colors without affecting overall TableCell size. However, it still puts the black border completely inside the cell. My attempt to set -fx-background-position to a negative value in an attempt to offset the background seems to be ignored.
 
Having done this before using a Flex AdvancedDataGrid, my solution was to add a layer on top of the grid which renders the focus rectangle. I wonder if I would have to do a similar thing here.

View Replies View Related

Where To Upload JAR Files On Internet

Jan 22, 2015

I thought there'd be loads of people looking to do the same. I have just got a Github account and uploaded all my source code for a project and would like to upload the associated JAR file with it. I am not too fussed about the JAR file being on github, providing a link to somewhere else it can be downloaded is fine too.

View Replies View Related

JSP :: Upload And Download Files Just Like Attachments

Nov 16, 2006

I am using JSP as a front-end view purpose,From this page I have to push the data to one of the Action Request System form (AR System 6.3). I am using ARS JAVA API.As per requirement I have to upload one file from user on JSP and have to push it to this back-end form.I tried JavaZooms javazoom. upload class but its giving me a error and I couldn''t fine this class file anywhere. So this code didn''t work finally.

View Replies View Related

Crossword - How To Upload TXT Dictionary To JList

Mar 13, 2015

I was programming a crossword in java and needed to hava a list of words from where to choose in case i wanted to fill my generated crossword but I don't know how to upload that txt dictionary in the first place.

View Replies View Related

Upload And Downloading Files With Validation

Mar 24, 2014

code for upload and downloading files with validation (eg. File size not exceeding 100MB) in java

View Replies View Related

JSP :: Drag And Drop Images (single Or Multiple) To Upload

May 12, 2014

I am working on a piece of a code - drag multiple files from local window and drop it into a DIV in my application. And then I want to bind the file into Struts which is where I am having issues right now, snippet below :

<form id="upload" action="http://localhost:8080/XXX/xxx.page" method="POST" enctype="multipart/form-data">
<fieldset>
<legend>HTML File Upload</legend>
<input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" />

[Code] ...

Is it an issue when I give the inputType name as userImage?

View Replies View Related

Servlets :: JPEG Image Upload - Data Input Stream

Jan 25, 2014

Iam trying to upload jpeg image.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

[Code] ....

In servlet the below code

DataInputStream din = new DataInputStream(request.getInputStream());
byte[] data = new byte[0];
byte[] buffer = new byte[50];
int bytesRead;
while ((bytesRead = din.read(buffer)) > 0 ) {

byte[] nData = new byte[data.length + bytesRead];
System.arraycopy(data, 0, nData, 0, data.length);
System.arraycopy(buffer, 0, nData, data.length, bytesRead);
data = newData;
}

What i see is servletinput stream does't have any values.It does't even enter while loop.

View Replies View Related

JSF :: Extending Primefaces 5 Components

Jul 25, 2014

Really need some simple and complete example on how to extends components (graphically and functionally) for primefaces 5.

For example I can't figure how to add custom attributes to existing component or define default values for existing attributes.

Is there any tutorial or a basic common way to achieve this goal or each component have to be extended in its way?

View Replies View Related

JSF :: Organizational Chart In Primefaces

Dec 31, 2013

I would like to create this type of chart with Primefaces (or another JSF API), what is the best component to use to do this:

[URL] .....

View Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved