VisualJS.NET custom control development

artur.ur

Rate me:

5.00/5 (2 votes)

14 Nov 2012CPOL4 min read

16.5K

198

How to use custom JavaScript controls under VisualJS.NET.

spinner.zip
- CustomControls
  - bin
    - x86
      - Debug
        
        PokeIn.dll
        
        PokeIn.xml
        
        VisualJS.dll
        
        VisualJS.xml
        
        WebControls.dll
        
        WebControls.pdb
      - Release
  - calendar
    - css
      - calendar.css
      - jquery-ui-1.8.17.custom.css
    - img
      - ui-bg_flat_0_aaaaaa_40x100.png
      - ui-bg_flat_75_ffffff_40x100.png
      - ui-bg_glass_55_fbf9ee_1x400.png
      - ui-bg_glass_65_ffffff_1x400.png
      - ui-bg_glass_75_dadada_1x400.png
      - ui-bg_glass_75_e6e6e6_1x400.png
      - ui-bg_glass_95_fef1ec_1x400.png
      - ui-bg_highlight-soft_75_cccccc_1x100.png
      - ui-icons_222222_256x240.png
      - ui-icons_2e83ff_256x240.png
      - ui-icons_454545_256x240.png
      - ui-icons_888888_256x240.png
      - ui-icons_cd0a0a_256x240.png
    - js
      - calendar.js
      - jquery-ui-1.8.17.custom.min.js
  - colorpicker
    - css
      - colorpicker.css
    - img
      - colorpicker_overlay.png
      - colorpicker_select.gif
      - custom_background.png
      - custom_cancel.png
      - custom_hex.png
      - custom_hsb_b.png
      - custom_hsb_h.png
      - custom_hsb_s.png
      - custom_indic.gif
      - custom_rgb_b.png
      - custom_rgb_g.png
      - custom_rgb_r.png
      - custom_submit.png
    - js
      - colorpicker.js
      - jquery-colorpicker.js
  - elrte
    - css
      - elrte.min.css
    - img
      - elrte-toolbar.png
      - pixel.gif
    - js
    - lang
      - ar.js
      - ca.js
      - cs.js
      - da.js
      - de.js
      - es.js
      - fa.js
      - fr.js
      - hr.js
      - hu.js
      - it.js
      - jp.js
      - ko.js
      - lv.js
      - nl.js
      - pl.js
      - pt_BR.js
      - ru.js
      - sk.js
      - th.js
      - tr.js
      - uk.js
      - vi.js
      - zh_CN.js
      - zh_TW.js
  - obj
    - Debug
      - DesignTimeResolveAssemblyReferences.cache
      - DesignTimeResolveAssemblyReferencesInput.cache
      - ResGen.read.1.tlog
      - ResGen.write.1.tlog
      - TempPE
      - VisualJS.Web.Forms.SliderControl.resources
      - WebControls.csproj.FileListAbsolute.txt
      - WebControls.dll
      - WebControls.pdb
    - x86
      - Debug
        
        DesignTimeResolveAssemblyReferencesInput.cache
        
        ResGen.read.1.tlog
        
        ResGen.write.1.tlog
        
        TempPE
        
        VisualJS.Web.Forms.SliderControl.resources
        
        WebControls.csproj.FileListAbsolute.txt
        
        WebControls.dll
        
        WebControls.pdb
  - Properties
    - AssemblyInfo.cs
  - slider
    - css
      - nivo-slider.css
    - img
      - arrows.png
      - bullets.png
      - loading.gif
    - js
      - jquery.nivo.slider.pack.js
      - slider.js
  - spinner
    - css
      - jquery-ui-1.9.0.custom.min.css
      - spinner.css
    - img
      - ui-bg_diagonals-thick_18_b81900_40x40.png
      - ui-bg_diagonals-thick_20_666666_40x40.png
      - ui-bg_flat_10_000000_40x100.png
      - ui-bg_glass_100_f6f6f6_1x400.png
      - ui-bg_glass_100_fdf5ce_1x400.png
      - ui-bg_glass_65_ffffff_1x400.png
      - ui-bg_gloss-wave_35_f6a828_500x100.png
      - ui-bg_highlight-soft_100_eeeeee_1x100.png
      - ui-bg_highlight-soft_75_ffe45c_1x100.png
      - ui-icons_222222_256x240.png
      - ui-icons_228ef1_256x240.png
      - ui-icons_ef8c08_256x240.png
      - ui-icons_ffd27a_256x240.png
      - ui-icons_ffffff_256x240.png
    - js
      - jquery-ui-1.9.0.custom.min.js
      - spinner.js
  - Web
  - WebControls.csproj
  - WebControls.csproj.user
- SpinnerTest
  - _dlls
    - PokeIn.dll
    - PokeIn.xml
    - VisualJS.dll
    - VisualJS.xml
  - About.aspx
  - About.aspx.cs
  - About.aspx.designer.cs
  - Account
    - ChangePassword.aspx
    - ChangePassword.aspx.cs
    - ChangePassword.aspx.designer.cs
    - ChangePasswordSuccess.aspx
    - ChangePasswordSuccess.aspx.cs
    - ChangePasswordSuccess.aspx.designer.cs
    - Login.aspx
    - Login.aspx.cs
    - Login.aspx.designer.cs
    - Register.aspx
    - Register.aspx.cs
    - Register.aspx.designer.cs
    - Web.config
  - App_Data
    - PokeIn.log
  - bin
    - PokeIn.dll
    - PokeIn.xml
    - SpinnerTest.dll
    - SpinnerTest.pdb
    - VisualJS.dll
    - VisualJS.xml
    - WebControls.dll
    - WebControls.pdb
  - Default.aspx
  - Default.aspx.cs
  - Default.aspx.designer.cs
  - Global.asax
  - Global.asax.bak0
  - Global.asax.cs
  - Global.asax.cs.bak0
  - obj
    - Debug
      - DesignTimeResolveAssemblyReferences.cache
      - DesignTimeResolveAssemblyReferencesInput.cache
      - GenerateResource.read.1.tlog
      - GenerateResource.write.1.tlog
      - ResolveAssemblyReference.cache
      - SpinnerTest.csproj.FileListAbsolute.txt
      - SpinnerTest.dll
      - SpinnerTest.pdb
      - SpinnerTest.VisualJSApp.SpinnerForm.resources
      - TempPE
  - Properties
    - AssemblyInfo.cs
  - Scripts
    - jquery-1.4.1.js
    - jquery-1.4.1.min.js
    - jquery-1.4.1-vsdoc.js
  - Site.Master
  - Site.Master.cs
  - Site.Master.designer.cs
  - SpinnerTest.csproj
  - SpinnerTest.csproj.bak0
  - SpinnerTest.csproj.user
  - Styles
    - Site.css
  - VisualJSApp
    - FormInElement.cs
    - FormInElement.designer.cs
    - Helper
      - globalAsaxHelper.cs
    - License
      - VisualJS.NET.license
    - MainForm.cs
    - MainForm.designer.cs
    - PokeInHandler.aspx
    - PokeInHandler.aspx.cs
    - SamplePage.aspx
    - SamplePage.aspx.cs
    - SamplePage2.aspx
    - SamplePage2.aspx.cs
    - SpinnerForm.cs
    - SpinnerForm.designer.cs
    - SpinnerForm.resx
    - SpinnerPage.aspx
    - SpinnerPage.aspx.cs
    - SpinnerPage.aspx.designer.cs
    - Style
      - CustomStyle.css
      - ReadMe.txt
  - Web.config
  - Web.config.bak0
  - Web.Debug.config
  - Web.Release.config
- VisualJSSetup_1.042.zip
spinner-noexe.zip
- PokeIn.xml
- VisualJS.xml
- calendar.css
- jquery-ui-1.8.17.custom.css
- ui-bg_flat_0_aaaaaa_40x100.png
- ui-bg_flat_75_ffffff_40x100.png
- ui-bg_glass_55_fbf9ee_1x400.png
- ui-bg_glass_65_ffffff_1x400.png
- ui-bg_glass_75_dadada_1x400.png
- ui-bg_glass_75_e6e6e6_1x400.png
- ui-bg_glass_95_fef1ec_1x400.png
- ui-bg_highlight-soft_75_cccccc_1x100.png
- ui-icons_222222_256x240.png
- ui-icons_2e83ff_256x240.png
- ui-icons_454545_256x240.png
- ui-icons_888888_256x240.png
- ui-icons_cd0a0a_256x240.png
- calendar.js
- jquery-ui-1.8.17.custom.min.js
- colorpicker.css
- colorpicker_overlay.png
- colorpicker_select.gif
- custom_background.png
- custom_cancel.png
- custom_hex.png
- custom_hsb_b.png
- custom_hsb_h.png
- custom_hsb_s.png
- custom_indic.gif
- custom_rgb_b.png
- custom_rgb_g.png
- custom_rgb_r.png
- custom_submit.png
- colorpicker.js
- jquery-colorpicker.js
- elrte.min.css
- elrte-toolbar.png
- pixel.gif
- elrte.full.js
- elrte.min.vsjs.js
- RichTextBox.js
- ar.js
- ca.js
- cs.js
- da.js
- de.js
- es.js
- fa.js
- fr.js
- hr.js
- hu.js
- it.js
- jp.js
- ko.js
- lv.js
- nl.js
- pl.js
- pt_BR.js
- ru.js
- sk.js
- th.js
- tr.js
- uk.js
- vi.js
- zh_CN.js
- zh_TW.js
- ResGen.read.1.tlog
- ResGen.write.1.tlog
- VisualJS.Web.Forms.SliderControl.resources
- WebControls.csproj.FileListAbsolute.txt
- ResGen.read.1.tlog
- ResGen.write.1.tlog
- VisualJS.Web.Forms.SliderControl.resources
- WebControls.csproj.FileListAbsolute.txt
- AssemblyInfo.cs
- nivo-slider.css
- arrows.png
- bullets.png
- loading.gif
- jquery.nivo.slider.pack.js
- slider.js
- jquery-ui-1.9.0.custom.min.css
- spinner.css
- ui-bg_diagonals-thick_18_b81900_40x40.png
- ui-bg_diagonals-thick_20_666666_40x40.png
- ui-bg_flat_10_000000_40x100.png
- ui-bg_glass_100_f6f6f6_1x400.png
- ui-bg_glass_100_fdf5ce_1x400.png
- ui-bg_glass_65_ffffff_1x400.png
- ui-bg_gloss-wave_35_f6a828_500x100.png
- ui-bg_highlight-soft_100_eeeeee_1x100.png
- ui-bg_highlight-soft_75_ffe45c_1x100.png
- ui-icons_222222_256x240.png
- ui-icons_228ef1_256x240.png
- ui-icons_ef8c08_256x240.png
- ui-icons_ffd27a_256x240.png
- ui-icons_ffffff_256x240.png
- jquery-ui-1.9.0.custom.min.js
- spinner.js
- ColorPicker.cs
- DateTimePicker.cs
- ImageDropDown.cs
- Localization.cs
- RichTextBox.cs
- SliderControl.cs
- SliderControl.Designer.cs
- SliderControl.resx
- Spinner.cs
- WebControls.csproj
- WebControls.csproj.user
- PokeIn.xml
- VisualJS.xml
- About.aspx
- About.aspx.cs
- About.aspx.designer.cs
- ChangePassword.aspx
- ChangePassword.aspx.cs
- ChangePassword.aspx.designer.cs
- ChangePasswordSuccess.aspx
- ChangePasswordSuccess.aspx.cs
- ChangePasswordSuccess.aspx.designer.cs
- Login.aspx
- Login.aspx.cs
- Login.aspx.designer.cs
- Register.aspx
- Register.aspx.cs
- Register.aspx.designer.cs
- Web.config
- PokeIn.log
- PokeIn.xml
- VisualJS.xml
- Default.aspx
- Default.aspx.cs
- Default.aspx.designer.cs
- Global.asax
- Global.asax.bak0
- Global.asax.cs
- Global.asax.cs.bak0
- GenerateResource.read.1.tlog
- GenerateResource.write.1.tlog
- SpinnerTest.csproj.FileListAbsolute.txt
- SpinnerTest.VisualJSApp.SpinnerForm.resources
- AssemblyInfo.cs
- jquery-1.4.1.js
- jquery-1.4.1.min.js
- jquery-1.4.1-vsdoc.js
- Site.Master
- Site.Master.cs
- Site.Master.designer.cs
- SpinnerTest.csproj
- SpinnerTest.csproj.bak0
- SpinnerTest.csproj.user
- Site.css
- FormInElement.cs
- FormInElement.designer.cs
- globalAsaxHelper.cs
- VisualJS.NET.license
- MainForm.cs
- MainForm.designer.cs
- PokeInHandler.aspx
- PokeInHandler.aspx.cs
- SamplePage.aspx
- SamplePage.aspx.cs
- SamplePage2.aspx
- SamplePage2.aspx.cs
- SpinnerForm.cs
- SpinnerForm.designer.cs
- SpinnerForm.resx
- SpinnerPage.aspx
- SpinnerPage.aspx.cs
- SpinnerPage.aspx.designer.cs
- CustomStyle.css
- ReadMe.txt
- Web.config
- Web.config.bak0
- Web.Debug.config
- Web.Release.config
- VisualJSSetup_1.042.zip

Uncomment the below CustomStyle line inside the ASPX page in order to activate CustomStyle file
<!-- <link href='/VisualJSApp/Style/CustomStyle.css' media='screen' rel='stylesheet' type='text/css' /> -->

And comment the below line inside the same file;
    <link href='a.PokeIn?name=VSJS_CSS&type=text' media='screen' rel='stylesheet' type='text/css' />

Also, built-in style packages are available from VisualJS.Kernel.Settings.ActiveTheme property

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

artur.ur

Poland

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

VisualJS.NET custom control development

License

Comments and Discussions