MonoX support board

Start the conversation, ask questions and share tips and solutions with fellow developers.

Non-registered users can only browse through our support boards. Please register now if you want to post your questions. It takes a second and it is completely free. Alternatively, you can log in without registration using your credentials at major sites such as Google, Microsoft Live, OpenId, Facebook, LinkedIn or Yahoo.

jQuery based module  (Mono Support )

Viewed 40980 time(s), 5 post(s) 4/11/2011 8:19:53 AMby geneboss
geneboss

geneboss

4/11/2011 8:19:54 AM
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
This content has not been rated yet. 
189 Reputation 19 Total posts
khorvat

khorvat

4/11/2011 8:37:21 AM
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
This content has not been rated yet. 
15993 Reputation 2214 Total posts
geneboss

geneboss

4/13/2011 7:16:19 AM
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
This content has not been rated yet. 
189 Reputation 19 Total posts
khorvat

khorvat

4/13/2011 8:21:25 AM
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

This content has not been rated yet. 
15993 Reputation 2214 Total posts
geneboss

geneboss

4/14/2011 5:31:12 AM
thank you
This content has not been rated yet. 
189 Reputation 19 Total posts