Resources available worldwide in a Wicket application

I am currently facing a challenge with my Application structure, which includes a BasePage featuring a header (panel), footer(panel), and content area in the center for inherited page content. My issue lies with ResourceReferences, as I am unsure if this is the right approach. I am seeking a solution that will address the following:

  1. Having a unified directory for commonly used images, js, and css files.
  2. Registering (or not) these resources so they can be accessed from any inherited page or sibling pages to BasePage that may be created in the future.
  3. Ensuring these resources are accessible within CSS and JS (e.g., image URLs).

I have researched various examples demonstrating how to package resources for component or application-level scope, but none seem to tackle all three issues I need assistance with. It is essential that I do not have to duplicate globally used images (such as edit icons, logos, etc.) into each component package for referencing. Additionally, it would be beneficial for maintenance purposes to establish these connections in one central location for easy reference and updates.

javacssimagewicket

Answer №1

The process has undergone significant changes since the release of Wicket 1.4. For detailed information, please refer to 'Adding Javascript or CSS using a Resource' in Wicket's Wiki

To ensure images and other resources are globally accessible (especially from CSS and JS files), you can mount them in your Application's init() method like this:

mountSharedResource("/images/submit.jpg", new ResourceReference(MyComponent.class, "foo.jpg").getSharedResourceKey());

It is important to note that there is no need to duplicate resources in any way. Resources do not have to be located in the same packages as the component itself. In our applications, we typically store commonly used resources in separate packages (e.g., com.example.myapp.images) and organize them with a single class (such as ImagesScope.java) - the same approach applies for JS and CSS resources.

For images, you will not require ResourceReference as those references do not need to be rendered in your code (except for org.apache.wicket.markup.html.image.Image). Instead, use the following for JS and CSS resources:

add(CSSPackageResource.getHeaderContribution(PanelOne.class, "PanelOne.css"));

As a side note, I am the creator of a small library known as wicketstuff-merged-resources, which can be accessed on GitHub. This library allows you to forego manual mounting in your Application's init() method and utilize annotations instead.

UPDATE: The provided link has been updated. Unfortunately, it seems that the documentation in the wicketstuff wiki is no longer available. However, you can find some articles on our blog for additional information.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to extract a date from a String using Selenium?

Below is a code snippet where I am trying to extract the date from a string and store it in a separate variable. String text="The client start date is 13/10/2018"; String[] effectiveDateText=text.split(" "); for(int i=0;i<effectiveDateText ...

javaseleniumdatesplit

Exploring the Java programming language alongside the International Telegraph Alphabet 2

Looking for someone who has worked on encoding messages using the ITA2 charset. Curious if there is a Java library available for this, or if it requires building from the ground up? Check out ITA2 on wikipedia for more information: http://en.wikipedia.or ...

javacharacter-encoding

Enhance your Highcharts Areaspline chart by adding a hover effect to highlight a column

Having trouble figuring out how to highlight a column on an area spline. I looked into Chartjs and Highcharts but couldn't find any solutions. I want to highlight the x-axis column up to the chart curve. Currently, I'm using Crosshair in my code, ...

javascriptjqueryhtmlcsshighcharts

Looping through items in a collection using Java: excluding a particular number

I'm working on an array and need a code snippet that will allow a for loop to run through a series of numbers, but skip a specific number when encountered. For example, if I want numbers 1 through 50 except for 22, how can I achieve that with a loop l ...

javaarraysfor-loop

Receiving Data from Clients Connected to a Multicast Socket

Currently involved in a client-server project using MulticastSocket in Java. Need assistance with sending messages to specific clients - unsure of how to retrieve joined client addresses. Any help would be greatly appreciated. ...

javamulticastsocket

Cursor disabling effect in IE 11 causing interference with drop-down options on Twitter Bootstrap 3

Right above a disabled twitter bootstrap 'form-control' input element sits a drop-down list. <div> <select> <option> Option 1 </option> <option> Option 2 </option> <option> Op ...

htmlcsstwitter-bootstrapinternet-explorer

What are some ways to optimize a range slider for touch screen usage?

I'm currently working on a small project and encountering an issue where the animation duration of an element needs to be changed using a range slider. The functionality works fine on desktop screens but doesn't seem to work on mobile devices. ...

javascripthtmlcss

Encasing distinct HTML text with a custom color palette

How can I create a specific color scheme for my HTML table's Status parameter, where the values can be SUCCESS, FAILURE, or IN PROGRESS? I'm utilizing Angular 4 (HTML and TypeScript) for this task. Any tips on how to achieve this? ...

htmlcssangulartypescript

What is the best way to create a distinct field in an entity that is linked to multiple entries in another entity

public class Task { @Id @GeneratedValue(strategy = GenerationType.AUTO) @Column(nullable = false) private UUID id; @Column(nullable = false) private String title; @JoinColumn(name = "user_id", referencedColumnName = "id") @ManyToOne(optional = false) pr ...

javaspringhibernatejpa

"How to ensure a background image fits perfectly on the screen in IE10

I am facing a problem while trying to set the background image in CSS to fit the screen. It works fine with the latest version of Chrome, but there is an issue with IE 10. html { border-top: 10px solid #8A85A5; background: url("http://www.lifeintempe.com/ ...

cssasp.netinternet-explorer-10

List aligned to the left and taking up the full width of

Is it feasible to expand an unordered list to occupy the entire width of the page; floating list items (to the left) inside it, without cutting off any overflowed list items if they extend beyond the boundaries of the unordered list? If I apply overflow: ...

htmlcsscss-float

Tips for resolving a duplicate id issue between JSP and JavaScript functions

I've encountered an issue while sending a variable from JSP to Java using the following code: <s:hidden name="checkActes" id="checkActes"></s:hidden> <s:checkbox id="checkActes" labelposition="left ...

javascriptjavajqueryjspstruts2

Exploring the features of Java 8 LocalDateTime and utilizing the power of

I encountered an issue with the code below that results in an exception being thrown. Can you spot what I might be doing wrong here? DateTimeFormatter FORMATTER = DateTimeFormatter.ofPattern( "ddMMuuuuHHmmssSS ...

javajava-8

Controlling MYSQL data is not possible

When I retrieve data from the database, everything is functioning correctly, but the data flow seems uncontrolled. Here is a snippet of my code... <?php session_start(); include 'conn.php'; include '../includes/layouts/header.php'; ...

phphtmlmysqlcss

The scrolling action triggered by el.scrollIntoViewIfNeeded() goes way past the top boundary

el.scrollIntoViewIfNeeded() function is used to scroll to element el if it's not within the visible browser area. Although it generally works well, I have encountered some issues when trying to use it with a fixed header. I have provided an example s ...

javascripthtmlcssscroll

How can I create an image of a number using Bootstrap?

I have a collection of web pages featuring tiles with various images For example: https://i.sstatic.net/HKna1.jpg Some of my pages look identical to these, but do not include any images https://i.sstatic.net/rLXPY.png In the second screenshot, each ti ...

htmlcssbootstrap-5

Parsing a JSON-formatted string in Java

I am looking for a way to convert a string into a format similar to JSON and then represent it as a hashmap where the key is the keyword and the value is the count. For example, let's say we have the following string: String s ={"Welcome":1,"Hi":2," ...

javajson

Changing the background color of navigation items when the navbar in Bootstrap 4 adjusts for responsiveness

Hi there, I'm having an issue with my Bootstrap 4 navbar. When I test the responsiveness of my page, the background color of my nav-items disappears and only the text is visible. Can someone guide me on how to maintain the navbar color when I click th ...

htmljquerycsstwitter-bootstrapbootstrap-4

Can run-time structures be implemented in open MPI?

While working with Open MPI's Java bindings, I encountered an issue when trying to create a custom data type named AttribStruct. The error message "invalid datatype" appears when I attempt to execute the program. This problem may be due to the dimensi ...

javacopenmpi

What is the process for inspecting the element within a div using jsname with JS?

Struggling to inspect elements within a DIV without using xpath. // Assert.assertEquals("Digite uma senha",driver.findElement(By.xpath("//*[@id=\"view_container\"]/div/div/div[2]/div/div[1]/div/form/span/section/div/div/div[1]/div[2]/div[2] ...

cssselenium-webdriverbddcucumber-java