Posts
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.
