I need to add different shapes and text for describing an image,I need to know is there any component in ICEfaces for that? If not is there any other approach available?
As I am new to JSF, I checked in Icefaces showcase but did not find the solution.I want something like paint where I can add different shapes and text to my image.
Please give me some suggestions in achieving this.
Related
There are two problems that I have using the EnhancedDateRangePicker in Vaadin 14(source: https://vaadin.com/directory/component/date-range-picker):
The design is broken when I add the component somewhere in a layout but that happens only when I add a label. If I don't the design is as expected to be. Here is a screenshot to see what exactly happens -
The other problem is that the dash is not visible clearly in this color(light gray I think). Is there a way to change the color of the dash?
Could you please tell me is there any way to make the design as I mentioned in the above two points?
Thanks in advance :).
The problem is solved. It's not the problem with the component, it is actually the Theme which we are using in our projects and the component just overrides the theme styles and that brokes the component. When I put it in a blank page there is no problem. Thanks you all very much for the effort :).
PrimeFaces Showcase's components look and feel look pretty nice and simple.
Some examples:
But in my application, using the default theme or any other theme provided by PrimeFaces (Nova-Light, Nova-Dark, Luna-Blue, ...), the components don't look nice (at least in my opinion, of course). They have some kind of 3D look with shadows inside inputs, for example. I really don't like it.
Some examples:
I understand that maybe this is a matter of taste, but I really would like to have the same theme (or at last something similar) to the PrimeFaces Showcase theme in my application. Is there a theme for this or do I have to struggle with CSS?
Current online showcase uses 'nova-light' theme, just like documented in the official documentation: https://primefaces.github.io/primefaces/8_0/#/core/themes
I find I can't edit a svg text node at any time like HTML node by using "contenteditable" attribute. How mightI solve it? I have referred to this stackoverflow post. But it doesn't work.
How can I get the result that when I double-click a svg text node to edit it?
Please provide an example if you can explain it. Thank you.
Old Questions desereve an answer, too. So here it is:
contenteditable is not in the SVG1.1 Specs which means it does not work.
However you can make the sorrounnding html editable which causes the whole svg to be editable.
I anyway suggest NOT to do that because it most likely will destroy the whole svg when you try to edit it.
In the SVG2 specs the contenteditable attribute will be present!
I'm looking for a good design "pattern" for a sidebar navigation menu in jsf.
I really wanted to use rich:menuPanel but it is limited in too many ways (Mainly, that if i use rich:menuPanelItem I can't make the icons any other size than the default 16x16.
So... Anyone has a good one?
TnX!
I think you can adjust every aspect of any richfaces component through CSS, so using it and changing the height/width properties using CSS should just help you do what you want
I'm trying to implement in jsf something that will serve sort of a 3 way pick list:
I can do this pretty easily.
My only problem is making the buttons rotate as they are in the image.
Is it even possible? (Other than doing some clickable image that will only appear rotated)
It is possible, but the solution is not JSF-related. You should be able to do it with javascript. Pick one rotation plugin for jQuery and try using it. The only thing that you have to take in mind is the ID if the controls. Perhaps you won't be able to specify it, so either use the generated one, or use a more complex jQuery selector.