SPFx bootstrap css conflict issue - bootstrap-5

I have gone through the link https://thorvaldboeblog.wordpress.com/2017/06/11/create-a-responsive-web-app-with-sharepoint-online-classic-and-office-ui-fabric/. It contains following information
When creating a responsive web app, there are many available
frameworks like e.g. Bootstrap among the most widely spread. While it
is possible to use a framework Bootstrap in SharePoint Online, you
risk running into issues with the framework styles colliding with the
built in SharePoint styles.
About Office UI Fabric – from dev.office.com:
The official front-end framework for building experiences that fit
seamlessly into Office and Office 365.
Without supplying any warranties, I would guess that using Office UI
Fabric would reduce or eliminate the risk of css conflicts.
I have seem many artilces on internet which explains we can use bootstrap in SPFx but none of them explains about css conflicts. Is there any links or artciles or code samples which explain about such css conflicts in more detail? Will such css conflict will happen with both bootstrap and react bootstrap?

Related

implementing datepicker with bootstrap

I'm working on a UI application with asp.net mvc. I'm currently using bootstarp.
As i'm still learning about it, i'm confused about where to find the needed components. I used to work with kendo UI where all widgets and api are in the same place.
But now when I need some new functionality or widget (such as datepicker), I find that there are a lot of alternatives and plugins to be installed to choose from..
How should I choose, is there a bootstarp library that I can integrate and which will provide most of what I would need?
As far as I know, there is no package of widgets similar to jquery.ui. But some often used features like popovers and modals are already included in the bootstrap.js.
We are using bootstrap-datepicker by Stefan Petre and Andrew Rowls, which you can install using NuGet.
$('#datePickerId').datepicker();

Deploy CRM plugin to Zendesk

I have a CRM plugin which I can deploy to Salesforce and it works fine.
My plugin is SPA which is written on javascript with durandal framework and it uses such libraries as knockout.js, require.js, q.amd.js, jquery.js, underscore.js, i18next.js and a few other javascript libraries. Is it possible to deploy such kind of app to Zendesk environment?
Unfortunately, up to the moment no. There is an "ongoing" discussion on Zendesk Support Forums about the matter, but it looks like it's not going to happen anytime soon. Product managers interacted in the thread expressing some will to do it, but I wouldn't rely on that happening in a near future:
At the moment we have no plans to support external libraries. We may open this up to a select few in the future.

ASP.NET to Mobile

Right now I am developing a website in visual studio using ASP.NET and C#. Is there any easy way to turn it into an application where iPhone users can get it on the app store. I heard something about Xamarin(monotouch), but I did not really understand exactly what it did.
No. Xamarin is a framework that lets you write Apps for iOS and Android using C# and accessing the native API frameworks. It does not allow you to simply port any .NET app to a mobile platform.
You can use responsive design to allow your ASP.NET site to work with both desktop and mobile browsers. See http://www.asp.net/mobile
As Jason wrote Monotouch enables you to build native applications. If you would choose a single page application approach you would be able to put the output in PhoneGap to publish it to the AppStore/Google Play.
That requires a bit of different thinking and doing, as you can't rely on the classic model with controllers/views and hard links.
However, it is still possible and I did it already for a project. I have an ASP.NET MVC application with Razor etc. as foundation, so I can easily manage the different "pages", dozens of different script files etc. However, all pages are Parial Views rendered within one single page. The nice thing about is, that this application works in each browser and is testable, too. To get it additionaly in an app container, we wrote a little tool that grabs all the output of that single page and converts it to a static HTML file, copying and referencing all the images, stylesheets and scripts, too.

Is Polymer to succeed Web UI

Could someone please explain something for me.
I am confused. Currently Polymer and Web UI seems to be two separate projects with a lot of similarities.
Is Polymer to succeed Web UI - meaning Web UI will be discontinued in favour of Polymer?
Yes, Polymer is the successor to Web UI. At some point in the future, once Polymer is more stable, Web UI will be abandoned.
For now though, it still may make sense to use Web UI if you need it for a production app.
As mentioned already, yes Polymer is the next version of web_ui. It is being developed in conjunction with the JavaScript version of Polymer. web_ui is currently in extended support mode, in which bug fixes are applied to keep the library functional (particularly as new SDK releases are made), however there will be no new functionality added to web_ui.
As of yesterday, the integrated build reached 0.8.1, and with Polymer 0.8.1, Polymer has virtually reached parity with web_ui and in some areas already surpassed with additional functionality.
Google has committed to maintaining web_ui for existing projects, however I would highly recommend that any new projects be started with Polymer. It is also the time to look at porting any old web_ui projects over to the new libraries (something I'm in the process of doing myself).

Web UI Components for dashboard on MVC and IE6

As part of the next project I'm working on, the customer has asked for a user-customisable dashboard-style web page where they can place multiple different chart controls populated with various bits of data.
There are tons of libraries out there that allow you to do this kind of thing but most do not support IE6. (it's out of my hands, we have to target IE6. I know, pity me)
I've had great difficulty finding any appropriate 3rd party control libraries that will work on IE6 and are still supported so any recommendations would be welcome.
The rest of this app is ASP.NET (3.5) but we are wanting to make the dashboard section MVC so either native ASP.NET or MVC components would be fine but MVC would be preferable.
jqChart supports IE6. It has version for ASP.NET MVC - http://www.jqchart.com/SamplesAspNetMVC
By far the best IE6-compatible library for charts is Raphael and its sister library g.Raphael. The main library is a general graphics library; the sister lib is for graphs and charts.
Hope that helps.

Resources