[SOLVED] How to load the a third part control css file

Answered Closed
0
0

Hi,

I try to make a third part JavaScript control to be available in Wisej.

For this purpose, I have created a new Wisej widget and added the control javascript (wijmo.input.min.js) to Packages.

How can I load the control css file (wijmo.min.css) ?

  • You must to post comments
Best Answer
0
0

Add it to the project under \Resources or \Platform as an embedded resource. Then in AssemblyInfo.cs add

using Wisej.Core;

[assembly: WisejResources()]

The WisejResources attribute makes the Wisej engine take the js and css embedded files, bundle them (and minify if debug=false in Web.config) and serve them back to the client as two single bundled files: wisej.css and wisej.js. You can also copy in the wijmo js instead of linking the source in packages. The files are bundles in alphabetical order.

Best,

Luca

  • You must to post comments
0
0

Hi Alexander,

WJ-7634 is fixed in the latest build (1.2.67).

Best regards
Frank

  • You must to post comments
0
0

One more thing. You can also use the Wisej designer with wijmo widgets but there is an issue where wijmo doesn’t like dom ids starting with a number, we’ll fix that in Wisej. And your code has a getCountries() child method declared after it’s used; it’s fine in Chrome but generates a SyntaxError in IE. It should be declared before it’s usage.

You can also decide what to use at design time in your initialization script testing wisej.web.DesignMode. And… Somehow wijmo took over the dom and has slapped a trial notice on all widgets, including ours. See image below.

 

  • You must to post comments
0
0

As a workaround until the next update, you can change <compilation debug=”true”> to “false”. The extra character is the BOM added by a .NET stream used only when in debug mode.

  • You must to post comments
0
0

Luca,

thank you for superfast support.

There is only one example, I plan to make the other third part controls of wijmo available in Wisej.

 

Regards,

Alexander

  • You must to post comments
0
0

Thanks. There is an extra \ufeff character in the concatenation of the css. I don’t know where it’s coming from, could be an end of stream. It will be fixed in the next update. It works as soon as I delete it by hand. See image below. You can also easily modify the themes to have the same look as the wijmo combobox, if that’s what you need.

Best,

Luca

 

  • You must to post comments
0
0

Hi Luca,

thanks for fast response . Yes, it’s working now, the styles are loaded.

Well I have another problem now . Not all styles are applied for third part control.

I have created two small examples (s. attachment): a simple web application and Wisej application. In both I create third part javascript control wijmo.input.ComboBox. The style wt-content is not applied for my combo in Wisej application.

 

Best Regards,

Alexander

 

 

Attachment
  • You must to post comments
Showing 7 results