Problems with Telerik MVC Grid with CSS Framework EZ-CSS - telerik-grid

I have a page layed out with EZ-CSS. On this page I have a Telerik MVC Grid. It works just fine except that column resizing and reordering is not working. Also Ajax databinding does not work. It always uses server binding.
The same grid worked perfectly on a page not layed out with EZ-CSS. So it seems that EZ-CSS did something that is not compatible with the grid.
Any ideas?

Well, I have to apologize to the EZ-CSS guys. I figured out that the problem was that I also changed to a newer jQuery version. My fault - never do multiple changes at once. Ok, here my findings: Telerik's MVC Grid works with jQuery 1.5.1. I upgraded to 1.6.2 and that is not compatible with the grid. After going back to jQuery 1.5.1 all worked fine together with EZ-CSS.

Related

Tabulator and Polymer 3

has anyone tried using Tabulator in a Polymer 3 project?
Polymer is not supported by Tabulator but maybe someone has tried to integrate it.
Thanks
Tabulator is a vanilla JS library, as such it will work in any JavaScript Frontend Framework without issue.
The supported frameworks list on the website simply demonstrates how to set it up with those frameworks. If you follow the standard Quickstart Guide you should be up and running in no time.
With most frameworks it is simply a matter of passing a reference to the div created by the framework into the first argument of the constructor instead of the CSS selector string.
You would normally need to instantiate Tabulator after the render phase of your particular framework.
If you do get something setup then please submit some simple demo code as an issue on the Tabulator Git Repo and i can add it to the website to help others
The Framework Documentation includes several examples of setting up Tabulator in a frontend framework that should give you some pointers on how to address the issue.

Integrating third party Bootstrap CSS themes with Bootsfaces

I seem to have reached a conundrum in integrating this third party Bootstrap theme within bootsfaces. Currently what I'm trying to do is include the css/js files within the xhtml files, but that doesn't seem to display any styling or show any references to the css files when inspecting the page. Will I need to build bootsfaces from source? Any help would be greatly appreciated
Starting with BootsFaces 0.8.0, we (the BootsFaces team) have added full-blown theme support. This include the default theme, 16 Bootswatch themes which are included in the library, and arbitrary custom themes. Read the details on our showcase.
However, in earlier versions (i.e. BootsFaces 0.7.0 and below) it was a bit more difficult to get custom or third-party themes up and running. Therefore, I recommend updating to BootsFaces 0.8.x, if you're still using an older version.
Update Dec 6, 2015: Forget about my former answer. BootsFaces theming works a bit different than I thought. We've changed it in the soon-to-come BootsFaces 0.8.0, anyways. I'll update my answer as soon as I'll have worked out the details.
The default Bootstrap theme of BootsFaces is a simple file (bsf.css). If you don't activate it in the web.xml, BootsFaces runs without any theme. So your approach should work: simply add the CSS file to your XHTML page, and you're good to go. You don't have to compile BootsFaces from source.

XPages - extlib 9.0.1v12 and JQuery 2.11

I have always used in my projects the latest version of the extension library for 9.01v12 9.0.1fp3 Domino
Everything works properly and well . But in this scenario, I have a large number of clients , with the terrible IE8 browser :-(
The problem is that JQuery 2.x broke support IE8 and I see errors in the code JS code JQuery .
If I try to manually put the 1.X version of JQuery everything works properly .
But the problem is that I use version EXTLIB bootstrap right now and everything is calculated and drawn on in runtime .
Do you have ideas ?
It would be enough to actually enter the following syntax in nell'extlib bootstrap Theme (upload too the JQuery 1.11.3), but I don't know how.
<resource rendered="#{javascript:context.getUserAgent().isIE(0,8)}">
<content-type>application/x-javascript</content-type>
<href>/.ibmxspres/.extlib/responsive/jquery/jquery-1.11.3.min.js</href>
</resource>
Some suggest ?
As you already said JQuery 2.x drops support for IE 8 and lower. To support IE 8 and lower, you will have to use jQuery 1.x.
I think you will have to load Bootstrap manually, and won't be able to take advantage of the latest ExtLib with built in Bootstrap. When I say manually, I mean before the latest ExtLib, the way you used to do it. You can still use the Bootstrap4Xpages openNTF project if you like, as it uses jQuery 1.11 and Bootstrap 3.2.
I wouldn't recommend using both jQuery versions in the same application. But with that being said, you asked if you can try loading the old jQuery for IE8 only. I would say that it is worth a try, but I would be surprised if everything just worked in new and old browsers.
I would also recommend storing your bootstrap code in your NSF as a resource if you are not already.
If you are forced to use bootstrap with IE 8, there will be cool things that you just won't be able to do. This was true even with version 2.3 of Bootstrap. As someone who has to support IE 8, I feel your pain.
The bottom line is that I think you are stuck doing this the old way.

What needs to be change when migrationg from jsf 1.x to jsf 2.x , richafaces 3.x to 4.x

I am new to jsf.
I am working on migration project.
In this I need to migrate from jsf1.2 to 2.1
and richfaces as well..
In general what I need to change?
I have one more requirement that navigation rules must be quoted explicitly in faces-config.xml?
How to write these rules in faces-config.xml?
Thanks in Advance
First you should understand that this is a painfull to migrate from JSF 1.x to jsf 2.x but it is even more painfull to migrate from Richfaces 3 to Richfaces 4.
JSF 1.x to 2.x upgrade can be done independently from Richface upgrade. So I would recommend you first update JSF and check that everything is working and only after that try updating Richfaces. Look at this question about JSF migration for more info. Or just google it. There is a lot of info about it.
Richfaces 3 to 4 migration is very very painfull because JSF 2 introduced it's own ajax and you will need to change a lot of attributes all overt the project. But the biggest pain is that Richfaces 3 work much more stable than Richfaces 4. Richfaces 4 is very buggy. I can list some bugs that I encountered and some solutions for them.
rich:autocomplete is very buggy. Not sure if it is fixed already
but when I tried using it it was not working with Spring in
composite views(<ui:include pages). After I sumbitted bug report
they seem to do something there but not sure if this works now. I
didn't check. https://issues.jboss.org/browse/RF-11469
I would advise you to replace this component with simple jQuery UI
autocomplete component with some spring mvc controller on backend.
rich:tabPanel is very buggy. Separate tabs do not have action
attribute any more. This was breaking functionality with initing tab
contents when the tab was opened with ajax. Immediate attribute also
not working for tabs. Here is the issue on jboss jira: https://issues.jboss.org/browse/RF-11417 workaround is really stupid.
I just went into source code of richfaces and made it working.
Exception handling is very buggy. Seems that exceptions are just
swallowed in many places in richfaces source on ajax requests so you
can not handle them the right way.
I went again into Richfaces code and removed exception swallowing by
throwing out exceptions.
rich:fileUpload component can work and can not work for you. You
can get request prolog can not be read exception in some
cases(This is what I was getting). And This is connected with new
app server feature of reading multipart request into
request.getParts(). And Richfaces do not handle such situation and
error out because inputstream of multipart request is already read
fully.
I again went to source code of Richfaces and added catch for
situation when request.getParts is not empty. I even created an
issue on Jboss but guys said this works on new Jboss server that's
why it is not an issue(I use tomcat). https://issues.jboss.org/browse/RF-13061 the issue is close still it is not working on tomcat.
A lot of issues on client side. By default multiple forms will not
work on your pages like they were working in jsf 1.2 and richfaces 3
because the viewstate id is not updated where and when it needs to
be.
To fix this you will need to add additional script. It is described
in the answer to this question
Also on the client side you should know that if in the response of
any ajax request you will have some js that will fail everything
stops working. You can not have js errors inside xhtml. The page
will freeze completelly. Also it is tricky to have CDATA tags on
the xhtml pages. They can also fail.
Richfaces messages work the way that sometimes they show up and
sometimes not. They are ajax rendered but seems that they can break
the page. Ajax reposnse can have an update that should update
messages that is not rendered on the page and when it will not find
this message in your html it will stop rendering everything that is
left to update. As a result your links and buttons will not rerender
anything in some cases.
Here evaluating limitRenderattribute helps a lot.
It is a short list. There probably a lot more to be aware of and that you will see after update =)) Richfaces 4 are still buggy.

Custom datepicker html helper for mvc4 using Razor View

Are there any tutorial for datepicker control for mvc4 using razor view .
I went through the below mentioned link but sadly it uses aspx instead of razor.
http://www.codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx
Could any one please help me in creating datepicker control html helper using razor view.
The main problem is being that i have to get the date picker control in IE8 browser and sadly Jquery Datepicker control doesnt seem to be working in IE8 browser, i tried with several versions of Jquery Library as well. Because of this reason i wanted to build my own custom datepicker html helper . Please suggest some solution
Look here:
http://dotnetfever.com/using-jquery-ui-datepicker-in-mvc-4/
This might be helpful as well:
Very basic jquery datepicker in Razor
http://www.dreamincode.net/forums/topic/288405-using-jquery-datepicker-with-mvc3-and-razor/
http://www.codeproject.com/Articles/344292/ASP-NET-MVC3-Razor-With-jQuery-For-Beginners

Resources