Mono Support jQuery based module 

Viewed 43820 time(s), 5 post(s), 4/11/2011 8:19:53 AM - by geneboss
4/11/2011 8:19:54 AM
189 Reputation 19 Total posts

Hi there,
would you please explain the best way to add a jquery based module to monox? Like for instance I want to build a floating menu to monox.

Regards
Geneboss

1
4/11/2011 8:37:21 AM
15993 Reputation 2214 Total posts

Hi,

everything depends on where you want to place the jQuery module. If you want to place it on your custom module, page, etc. the it is up to you where to place it (wherever best suits you). If you want to put a jQuery module inside the MonoX Core functionality then the best place to put the registration of jQuery module would be a Master page (your custom master page visually inherited from MonoX.master) or base page (also your custom base page inherited from MonoX base page).

To help you more you will need to explain where exactly you plan to implement jQuery module ?

Regards

2
4/13/2011 7:16:19 AM
189 Reputation 19 Total posts

Hi Khorvat,
I used the embeded slider and placed it on the default.Master page inside the banner div. Everything looks good, except I need to adjust the javascript values like the slidewidth and so forth and I can't find the file. Would you please guide me to the right folder to do this?

Also it would be really helpful if you come up with a tutorial of how to build modules in MonoX.

Regards
Bo

3
4/13/2011 8:21:25 AM
15993 Reputation 2214 Total posts

Hi Bo,

you can set the "SlideWidth" in the markup where you have instantiated the control e.g.

<MonoX:SlideShow runat="server" ID="ctlSlideShow" SlideWidth="460">
      <SlideShowItems>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-jobs-market.jpg" Url="http://www.jobsmarket.ie" Title="Jobs Market"></ModuleGallery:SlideShowItem>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-promo-zebra.jpg" Url="http://www.promozebra.com" Title="Promo Zebra"></ModuleGallery:SlideShowItem>                           
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-cpl.jpg" Url="http://www.cpl.ie" Title="CPL"></ModuleGallery:SlideShowItem>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-drzavni-inspektorat.jpg" Url="http://www.inspektorat.hr/" Title="Croatian State Inspectorate"></ModuleGallery:SlideShowItem>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-employ-ireland.jpg" Url="http://www.employireland.ie/" Title="Employ Ireland"></ModuleGallery:SlideShowItem>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-anesthesia-scheduler.jpg" Url="http://v2.anesthesiascheduler.com/" Title="Anesthesia Scheduler"></ModuleGallery:SlideShowItem>
          <ModuleGallery:SlideShowItem runat="server" ImageUrl="/App_Themes/Default/img/Projects/project-ectd-office.jpg" Url="http://www.ectdoffice.com/" Title="eCTD Office"></ModuleGallery:SlideShowItem>
      </SlideShowItems>
  </MonoX:SlideShow>

We have written a small tutorial on "How to build custom Web parts (modules)" subject that you can find here.

I hope you'll find this helpful.

Regards

4
4/14/2011 5:31:12 AM
189 Reputation 19 Total posts

thank you

5
This is a demo site for MonoX. Please visit Mono Software for more info.