I wonder if you can create screen effects (such as how to display the button, customize a modal or to flash background colors of a datatable for example) to my page created in JSF Pure (ie, without using Primefaces, RichFaces, and the like). If so, please indicate me sites and / or tutorials where I can check this job, because I researched on google and have not had success.
Grateful for the attention!
As suggested by friend Kukeltje, I will apply the JavaScript / JQuery in my project.
Thank you!!!
Related
I'm using the material design package for my application layout menu.
I have 2 menus items where I can't find an icon that fits, so I got 2 SVG files that I added to the project.
I want to use this as the material-list-item icon instead of a material-icon.
Is there a way to do this by either adding a custom icon to the material-icon library or replacing the icon in the list.
If yes, please I need a complete example as I am new to DartAngular, still trying to figure out some stuff.
There is a mixin for material-icon which will get allow you to change a material-icon into using an SVG. https://github.com/dart-lang/angular_components/blob/c6cb3d783e72ff1ed7974f18b7f169778c73d39b/angular_components/lib/material_icon/_mixins.scss#L49
There is indeed a mixin for this as pointed out in Ted Sander's answer, but for the moment it does not seem to work. I've asked this on Gitter but did not get an answer, and I also opened a ticket on Github for this seemingly broken feature.
It's a telltale sign that even the official Angular Components Gallery has a broken SVG icon example.
I'd suggest to implement this by using separate list item rendering for those that have an official material-icon representation and those that need a custom SVG image, and conditionally render them with the ngIf directive.
I was able to use the dialog, but need a typical modal dialog which has the current page in the background and the dialog is on top of the current screen.
The default dialog seems to take the whole screen and the current page is gone with the mobile.changepage call to display the dialog. Even if there was a way to adjust the height and width of the dialog it still wont serve the purpose since the previous page is already gone.
I believe there are some plugins, but I'm wondering if there is one which comes with the default library (1.0 final version) or if there is a way to create one using the library without a lot of coding if it is possible.
At this moment,this support is not there in JQM 1.0 library.But this feature is going to be there in the 1.2 version as per the JQM blog http://jquerymobile.com/blog/ . In the meanwhile you can check http://filamentgroup.com/tests/popup/docs/pages/popup/index.html to see a rough preview.May be you can check the source code and see if it is possible to do so in JQM 1.0
Hope that helps.
Good Luck!!
SO I have a select box that I fill dynamically. I discovered that once the SELECT gets longer than the page, it automatically becomes a dialog listview.... which is TERRIBLE!
When this happens, the page refreshes when the dialog is closed and my whole page starts over....
Has anyone experienced that and do you know how to shut it off?
Thanks!
Todd
You could use the native look and feel?
http://jquerymobile.com/demos/1.0.1/docs/forms/forms-all-native.html
Native form elements & buttons Although the framework automatically enhances form elements and buttons into touch input
optimized controls to streamline development, it's easy to tell jQuery
Mobile to leave these elements alone so the standard, native control
can be used instead.
Adding the data-role="none" attribute to any form or button element
tells the framework to not apply any enhanced styles or scripting. The
examples below all have this attribute in place to demonstrate the
effect. You may need to write custom styles to lay out your form
controls because we try to leave all the default styling intact.
I'm using TAdvOfficePagercomponent from TMS Software. Inside each page I use a frame. When switching between pages I get some ugly display artefacts like this:
The controls from the old page and the controls from the new page are both visible for some time.
Is there anything I can do about this?
Note: There's nothing happening in the OnShow event handler, it's really just the page switch causing the artefact.
Thanks for your help in advance.
tms have a lot of problem in theirs components. solutions:
1) try redraw the component
2) sometimes enable->false and then enable->true can solve it(also try with visible)
3) take the code, digg in it and resolve the problem by yourself....
best regards,
I'm new to smartGWT. I've taken GWT components in a canvas that is draggable & added it into VStack. My code is working fine in IE but it is dissapearing on Firefox/Chrome. Any help is appreciable. Thanks in advance.
It sounds like you are trying to freely intermix SmartGWT and GWT components, which is something we don't recommend doing. See this item in the SmartGWT FAQ.
Specific patterns of mixing GWT components into SmartGWT (and vice versa) are supported (the above FAQ item explains this). If you think your usage falls into one of those patterns, post a standalone test case of what you're trying to do (to the SmartGWT Forums).