Jquery solution for Radio Group in Umbraco mc_ed_form

Just tried Umbraco a dot net based open source system. following are some of my experience on that.

  • I am totally new to dot net platform so i faced lots of problem to install Umbraco on shared server. After lots of research i  found Umbraco is not compatible with networksolution and aplus.net shared hosting. Then i choosed Softsys. All thing set with softsys.
  • Surprised to see a nice cms. take 3-4 days to try after that i am successfully deploy my first website in Umbraco.
  • I found a beautiful way to manage the content from Umbraco.


As i am not very much familiar to dot net i did,not try to modify .net macro. i played lots of with xslt to achive desired result.

My client  need personalized form and each  form have multiple radio group. i searched on net to find a solution. I found a solution mc_ed_form from forum of Umbraco but that not support Radio groups. So i tried a solution from my way , I write a jquery code to transform all drop down list to Radio group. 🙂

Following are the Unobstructive jquery code which i used in page where form is there

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
function setid(){

arr=$('select');//call all list item in a array

jQuery.each(arr, function(count, item) {

$(this).attr("id", 'lisi'+count);//changed all select to my desired id

convertit(count);// Apply the function

$(this).hide();// hide the select element on page

});

}

function convertit(co){

var $dd = $('#lisi'+co);

if ($dd.length > 0) {

var selectedVal = $dd.val();

var $options = $('option', $dd);

var arrVals = [];

$options.each(function(){

arrVals.push({

val: $(this).val(),

text: $(this).text()

});

});

}

var arr = arrVals;

$.each(arr, function(count, item) {

if(arrVals[count].val!==""){

var pg='';

var lname="#lisi"+co;

var div=$("<div></div>").addClass("wrap2");

var rname='rad'+co;

radio = $('
<input />'
).attr({  type: 'radio', name: rname, value: arrVals[count].val, id: rname, checked:pg});

label=$('<label>'+arrVals[count].val+'</label>');

$(label).prepend(radio);

$(div).append(label);

var oc=true;

$(label).bind("click", function(){

var sv=$("input[name="+rname+"]:checked").val();

$("#lisi"+co).val(sv);

});

$(lname).parent().append(div);

}

});

}

$(document).ready(function(){

setid();

});

If you found any problem with code or any modification suggestion Please let me know. I know this is not a good way to proceed but this solved my purpose. I am finding a dot net way to do it.

Search of better CMS end with MODx

After 3 year of research on opensource cms i finaly decided use MODx for my all web need. I have done 2 website in Joomla, 4-5 website with typo3 and 4 WordPress blog. I was very satisfied with templating feature of typo3 specially there templovoila and tree structure of page view but when i use MODx for my first web website its amazing. following feature impress me very much.

  • Fast and clean admin panel.
  • As a SEO expert i need full control of of content. I found managing content through MODx is amazing.
  • maxiGallary advanced gallery plugin.
  • Better real url control.
  • Generate cms output in xml, xhtml, json(javascript) so we can use this cms for flash website too.
  • Featured frontend content editing.
  • very easy to setup.
  • and more…

I amazed that i completed first website in MODx in 6 hour with all content and real url setup. i spend 4 day to understand templating of typo3 first website.

I am planning to teach my web design techniques in bhubaneswar. contact me for detail.

WordPress best blogging solution

After lot’s of effort working on typo3 I have decided to use WordPress as my blogging needs. Making a custom look website in typo3 is quite simple with knowledge of typoscript but setting a blog on TYPO3 is very tough. following are some point which is support my decision.

  1. I have tried, t3blog and wec plugins for TYPO3, its take lots of time to setup.
  2. TYPO3 take too much of time to set real url or cooluri for SEO needs
  3. Duplicate url problem due to home page shortcut. I spent again lot’s of time to fix it.
  4. finely I had very less time to add ads in wec forum so I moved to word press.

I hope my experience will help some one to choose their Bloging platform.