Add custom field in Blog comment post

I have 2 dropdown list which contains "ddlPractice" and "ddlService". I have added these dropdownlist in Blog comment post area on my custom blog details page
When post the comment I want to store these drop downlist value in database. how can i achieve this. Please give some xport advice.

Below is my Blog Details Template code

Hi Pravat,

Go to Blogs module and from there you can create a custom field. Your field should be of type Multiple choice.
Then populate the choices and save the field. It will appear for each content item ( blog post).
After that you can modify BlogPosts widget templates and add your field using Design >> Widget templates or the Control Designer(when you open the control for editing ).

Greetings,
Ivan Dimitrov
the Telerik team

Hi Ivan,
            Thanks for your reply.
If i will create a custom field then how can i bind the drop downlist ? My requirement is, dropdownlist will fill from the database and  according to the first dropdown list selection, second dropdown list will fill. I have done these by using custom class. 

But my issue is , how can i save the selected value in database along with 'Name' , 'Email' and 'Comment' on post this comment click?

Thanks & Regards,
Pravat Sharma

Hello Pravat,

You can create a control that inherits from ChoiceField and implement your logic for binding. Check this thread.

Best wishes,
Ivan Dimitrov
the Telerik team

Hi Ivan,
Tried implementing the code for BlogCommentList....
Please let me know as I get an error of 'A required control was not found in the template for "~/Sitefinity/ControlTemplates/Blogs/Custom_ContentViewSingleItem.ascx". The control must be assignable form type "System.Web.UI.WebControls.Repeater" and must have ID "commentsRepeater".'
Here is a look at the cs:

public class BlogCommentsListCustom : BlogCommentsList
   
        public BlogCommentsListCustom()
       

       
        /// <summary>
        /// sets the path to the template that the control will use
        /// </summary>
        public override string LayoutTemplatePath
       
            get
           
                return "~/Sitefinity/ControlTemplates/Blogs/Custom_ContentViewSingleItem.ascx";
           
       


        protected override void InitializeControls(Control controlContainer)
       
            base.InitializeControls(controlContainer);

            this.SubmitButton.Command += this.SubmitButton_Command;
            if (this.Page != null)
                this.Page.MaintainScrollPositionOnPostBack = true;
            string valGroup = string.IsNullOrEmpty(ValidationGroup) ? "commentInfo" : ValidationGroup;
            if (this.ContentVal != null)
                this.ContentVal.ValidationGroup = valGroup;
            this.AuthorVal.ValidationGroup = valGroup;
            if (this.EmailVal != null)
                this.EmailVal.ValidationGroup = valGroup;
            //if (this.RequiredVal != null)
            //    this.RequiredVal.ValidationGroup = valGroup;
            this.SubmitButton.ValidationGroup = valGroup;
            if (this.SpamProtector != null)
           

           
       

        protected void SubmitButton_Command(object sender, CommandEventArgs e)
       
            base.SubmitButton_Command(sender, e);
       

   

The HTML of the ASCX is:

<div class="wrap">
    <div id="section">
        <h1>
            <asp:HyperLink ID="fullContent1" runat="server">
                <asp:Literal ID="Title" runat="server"></asp:Literal>
            </asp:HyperLink>
        </h1>
        <div class="meta">
            <p>
                <asp:Literal ID="Literal2" runat="server" Text="By "></asp:Literal>
                <asp:HyperLink ID="postedBy" runat="server">
                    <asp:Literal ID="Author" runat="server"></asp:Literal>
                </asp:HyperLink>
                |
                <telerik:DateTimeLiteral runat="server" ID="Publication_Date" DateFormatString="MMM dd, yyyy">
                </telerik:DateTimeLiteral>
                <asp:HyperLink ID="Category" runat="server" />
            </p>
        </div>
        <div class="article">
            <p>
                <asp:Panel ID="pnlContent" runat="server" CssClass="article">
                    <asp:Literal ID="content" runat="server"></asp:Literal>
                </asp:Panel>
            </p>
            
            <p class="tags">
                <asp:Repeater ID="Tags" runat="server">
                    <HeaderTemplate>
                        <asp:Literal ID="TagsLiteral" runat="server" Text="Tags" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:HyperLink ID="tagLink" runat="server" />
                    </ItemTemplate>
                </asp:Repeater>
                
            </p>
            <table class="callout">
                <tr>
                    <th>
                        <img src="App_Themes/FTI-OneSite/img/andreas.jpg">
                    </th>
                    <td>
                        <h3>
                            <a href="">Andreas Panayi</a></h3>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sodales nibh.
                            Integer lectus purus, blandit nec tincidunt ut, hendrerit vel ipsum.</p>
                    </td>
                </tr>
            </table>
            <sfWeb:BlogCommentsList ID="commentsList" runat="server" ValidationGroup="commentInfo">
                <LayoutTemplate>
                    <asp:Repeater ID="commentsRepeater" runat="Server">
                        <HeaderTemplate>
                            <asp:PlaceHolder runat="server" ID="headerHolder">
                                <h2 class="comments">
                                    <asp:Literal ID="commentsCount" runat="server"></asp:Literal>&nbsp;
                                    <asp:Literal ID="Literal1" runat="server" Text="Comments" />
                                </h2>
                            </asp:PlaceHolder>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <!-- comment goes here -->
                            <sfWeb:CommentItem ID="authorCommentContainer" runat="server" CssClass="comment">
                                <Template>
                                    <p class="meta">
                                        <span class="name">
                                         <asp:HyperLink ID="webSiteLink" runat="server" Visible="false"></asp:HyperLink>
                                        <telerik:DateTimeLiteral ID="commentDateLiteral" runat="server" DateFormatString="MMM dd, yyyy" />
                                        </span>
                                    </p>
                                  <asp:Label ID="text" runat="server"></asp:Label>
                                    <p class="right">
                                        <a href="">Reply</a></p>
                                </Template>
                            </sfWeb:CommentItem>
                        </ItemTemplate>
                        <FooterTemplate>
                        </FooterTemplate>
                    </asp:Repeater>
                    <%--<asp:PlaceHolder ID="moderationHolder" runat="server" Visible="false">
                        <p class="sf_commentMessage">
                            <asp:Literal ID="Literal2" runat="server" Text="CommentMessageModeration"></asp:Literal>
                        </p>
                    </asp:PlaceHolder>--%>
                    <h2>
                        Leave A Comment</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sodales nibh.
                        Integer lectus purus, blandit nec tincidunt ut, hendrerit vel ipsum. Suspendisse
                        purus lectus, molestie viverra tristique sed, vulputate eget nunc.</p>
                     <fieldset>
                        <div class="col2">
                            <strong><asp:Label ID="Label2" runat="Server" Text="Name" AssociatedControlID="authorTxt"></asp:Label></strong><br />
                            <asp:TextBox ID="authorTxt" runat="server" size="30"></asp:TextBox>
                            <asp:RequiredFieldValidator runat="server" ID="authorVal" ControlToValidate="authorTxt"
                                ErrorMessage="NameEmpty" Display="dynamic" CssClass="sf_commentsValidator"></asp:RequiredFieldValidator>
                        </div><div class="col2">
                            <strong><label for="email">Email</label></strong><br />
                            <asp:TextBox ID="emailTxt" runat="server" size="30"></asp:TextBox>
                            <asp:RegularExpressionValidator runat="server" ID="emailVal" ControlToValidate="emailTxt"
                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="InvalidEmail"
                                Display="dynamic" CssClass="sf_commentsValidator"></asp:RegularExpressionValidator>
                        </div><div class="clear"></div><br />
                       
                         <div class="col2">
                            <asp:Label ID="Label4" runat="Server" Text="Web Site" AssociatedControlID="webSiteTxt" Visible="false" ></asp:Label>
                            <asp:TextBox ID="webSiteTxt" runat="server" size="30" Visible="false" Text="www.google.com" ></asp:TextBox>
                        </div>
                        <div class="col2">
                             <asp:DropDownList ID="ddlPractice" runat="server" AutoPostBack="true">
                        </asp:DropDownList>
                        </div><div class="col2">
                            <asp:DropDownList ID="ddlService" runat="server" Enabled="false" Width="200px">
                        </asp:DropDownList>
                        </div><div class="clear"></div><br />
                       
                         <asp:Label ID="Label1" runat="Server" Text="Comment" AssociatedControlID="commentTxt"></asp:Label><br />

                        <a href="#" class="formattingOptionsToggleBtn" onclick='if($(this).parent().hasClass("formattingOptions"))$(this).parent().removeClass("formattingOptions");$(this).text("Formatting options");else$(this).parent().addClass("formattingOptions");$(this).text("Hide formatting options"); return false;'>
                                Formatting options</a>
                            <telerik:RadEditor runat="server" ID="commentTxt" ToolsFile="~/Sitefinity/ControlTemplates/Blogs/ToolsFile.xml"
                                EnableEmbeddedSkins="True" Skin="Default" Width="100%" EditModes="Design">
                            </telerik:RadEditor>
                            
                            <asp:RequiredFieldValidator runat="server" ID="contentVal" ControlToValidate="commentTxt"
                            ErrorMessage="<CommentEmpty" Display="dynamic" ValidationGroup="commentInfo"
                            CssClass="sf_commentsValidator">
                        <strong>Message text is required</strong>
                        </asp:RequiredFieldValidator>
                        
                        <sfWeb:SpamProtector ID="spamProtector" runat="server" CssClass="commentsValidator hide"
                            enableautobotdiscovery="true" enablehiddentextboxstrategy="true" hiddentextboxerrormessage="Hidden TextBox has some text in it!"
                            HiddenTextBoxLabel="Do not fill this textbox!" hiddentextboxlabelcssclass="hide"
                            hiddentextboxinputcssclass="hide" enablemintimeoutstrategy="true" MinTimeout="2"
                            mintimeouterrormessage="Submission too fast!" />
                        <p class="center">
                            <asp:Button ID="submitBtn" runat="server" Text="PostThisComment" CssClass="sf_commentSubmit" /></p>
                    </fieldset>
                </LayoutTemplate>
            </sfWeb:BlogCommentsList>
        </div>
    </div>
</div>

Please help me in this as this is really urgent.

Your prompt response would be highly appreciated.

Regards,
Pravat Sharma

Hello Pravat,

As far as I see this code is for Sitefinity 3.x. Inside the template, you should replace the default BlogCommentsList with the custom one you created.

Best wishes,
Ivan Dimitrov
the Telerik team

Hi,

Please can you let me know how can I register the control from App_Code to the page and replace the BlogCommentsList.

Thanks for all your help....

Hello Pravat,

Here is a  good article on MSDN that shows how to register a tag prefix and respectively add a custom control inside the template.

Kind regards,
Ivan Dimitrov
the Telerik team

Hi Ivan,

Thanks a ton. We have mapped custom comment list to by replacing the BlogCommentList.

But now as per the code given earlier, when I try to save the data it saves, but all the fields are saved empty.

Also, if I can get the ID of the saved comment on submit button click, this would help in saving my custom drop down boxes in my custom tables with the reference to the ID of the comment.

Regards,
Pravat Sharma

Hello Pravat,

Here are two useful thread where I showed how to get access to all fields of the contorol

• www.sitefinity.com/.../change-blog-post-comments-email-to-be-required-field.aspx
• www.sitefinity.com/.../change-blog-post-comments-email-to-be-required-field.aspx