Schlagwort-Archiv: HTML

XPages & Angular.js: Accessing Rich Text (1)

If you want to access Rich Text with Angular.js, an easy way to get the content is to use a XPage as handler and grab the content of a XspInputRichText component. The component does all required steps automatically (f.e. it … Weiterlesen →

Veröffentlicht unter Allgemein, Angular.js | Verschlagwortet mit , , , , , , , | 3 Kommentare

XPages & Angular.js: Fileuploads

When using Angular.js you sooner or later want to upload a file to your Domino server. But to do this, you not only need some nice looking frontend, you also need some code in the backend. For the frontend you … Weiterlesen →

Veröffentlicht unter Angular.js | Verschlagwortet mit , , , , , , | 2 Kommentare

XPages: Bootstrap File Input

When using the default file upload control in a Bootstrap application, the default file upload button does not fit anymore to the design: To fix this issue, you can use a small jQuery plugin named Twitter Bootstrap File Input. When … Weiterlesen →

Veröffentlicht unter Java Script, Web, XPages | Verschlagwortet mit , , , , , , , , | 2 Kommentare

XPages: Use async / defer option for external CSJS Script Libraries

When adding CSJS libraries to your XPage, try to use the defer or the async option for a better user experience. When not using this options, the Page might be blocked during page load. Have a look at this example … Weiterlesen →

Veröffentlicht unter HTML5, Java Script, Performance, Web, XPages | Verschlagwortet mit , , , , , , , , , | Ein Kommentar

XPages: Add an attribute to the BODY-Element

Today I wanted to add an attribute to the <BODY> element of my XPage. My goal was to generate HTML code like this: <body role=“document“> After some testing I found a solution by overwriting the method encodeHtmlBodyStart. To do this, … Weiterlesen →

Veröffentlicht unter Java, JSF, XPages | Verschlagwortet mit , , , , , | Schreib einen Kommentar

XPages: Modify the File Selection Button

With Dojo, you can easily customize the file upload button, f.e. to change the label, add additional style sheets or use HTML5 or Flash plugin for uploading. Here is basic example which adds a label and a blue border around … Weiterlesen →

Veröffentlicht unter CSS, Dojo Toolkit, HTML, HTML5, Java Script, Web, XPages | Verschlagwortet mit , , , , , , , | Schreib einen Kommentar

XPages: File downloads and blocked UI

Yesterday Christian asked a very interesting question: He had observed that the browser UI is blocked when clicking a button which generates a PDF on the server and sends the result. For about 30 seconds no button is working, no … Weiterlesen →

Veröffentlicht unter Dojo Toolkit, HTML, Java Script, Web, XPages, XSP | Verschlagwortet mit , , , , , , , , , | Schreib einen Kommentar

XPages: Dojo 1.8.1 & jQuery Mobile 1.3.1

As David Leedy got into trouble with Dojo 1.8.1 and jQuery Mobile 1.3.1  and after reading the follow up from Ulrich Krause with the analysis of the problem, I thought that this problem is caused from the AMD loader of … Weiterlesen →

Veröffentlicht unter Dojo Toolkit, HTML, Java Script, ServerSide JavaScript, Web, XPages, XSP | Verschlagwortet mit , , , , , , , , , , | 5 Kommentare

XPages: Inject CSJS code at page top

Sometimes it is required to add some CSJS code at the beginning of the XPage before the Dojo libaries are loaded and are executed. This can be easily achieved by using the resource aggregation feature and including a CSJS library … Weiterlesen →

Veröffentlicht unter Dojo Toolkit, HTML, Java Script, Web | Verschlagwortet mit , , , , , , , | 13 Kommentare

Quick-n-Dirty: How to add HTML 5 events

One way for adding unsupported events to an XPage or a component is the trick from Keith. But this is limited to CSJS only. If you need to execute a server side event, you just need change the name of … Weiterlesen →

Veröffentlicht unter HTML, HTML5, Java Script, ServerSide JavaScript, Web, XPages | Verschlagwortet mit , , , , , , , , , , | 3 Kommentare