Greetings,
Although I have the poll working fine, the Vote button is displayed as "Link" and not as a Button. In the configuration properties, I set CSS class to poll, but it does not seem to be applied. (I have tried it with and without the CSS property defined, but same results)

Do I have to write my own Poll CSS class for Poll styling or did I miss something?
Is there anyway you can share the CSS that was used for the styling of the Poll shown in the demo or similar CSS.
cheers,
yousaid

Hi,

Vote buttons are originally link buttons without styling so if you want to change the styling of those buttons you can add something like this to you css inside your theme:


Here is a small link button css that you can use or change


I you want to get the button to look even nicer let us know and we will provide you with steps how to do that.

Regards

Thanks for your reply.
YES, I would like to know how to get it to look even better. Please provide the steps.
(b) I will also recommend for the benefit of others that you change this link on your website:

http://www.mono-software.com/Mono/Pages/Discussion/dtopic/kbPdqG_KJU2e4J6KATl6gQ/How-do-you-create-a-poll-or-instantiate-any-of-the-included-modules/

to point to this:

http://www.mono-software.com/Mono/Pages/Discussion/dtopic/PAngXB00cEeWO58hABZxmQ/Polls-How-to-configure-polls-and-Apply-CSS-like-on-Page-66-of-Documentation/

The later is more indept and more helpful.
cheers,
yousaid

Hi,

we will try to update our documentation (MonoX manual) and add a small article related to Poll management, after that we will update the Home page links.

Thanks for pointing us to the outdated link.


BTW: Ivan will provide you with the steps soon

Hi,

to replace the linkbuttons with buttons please follow the steps below:

1. Add a new user control with code behind which need to extend the MonoX Poll Module:


2. Override OnPreRender(EventArgs e) method:



3. Copy markup code from MonoX Poll module to your new one and make some changes as shown below:




4. Add an additional button that will replace the btnShowVotePanel linkbutton:



Regards.

Greetings,
Following your directions, I came up with this code, BUT it will NOT compile.
Where did I go wrong?

cheers,
yousaid

CodeBehind
-------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Pollcontrol : MonoSoftware.MonoX.ModuleGallery.MonoXPollModule
{

protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);

plhLinkButtons.Visible = false;

btnShowVotePanel.Visible = false;



btnVote.Text = this.VoteButtonText;

btnResults.Text = this.ResultsButtonText;

btnShowVotePanel.Text = this.VoteButtonText;


}
}
------------------------------------------------------------------------------

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Pollcontrol.ascx.cs" Inherits="MonoSoftware.MonoX.ModuleGallery.Pollcontrol" %>
<%@ Register TagPrefix="MonoX" TagName="StyledButton" Src="/MonoX/controls/StyledButton.ascx" %>

<asp:Panel runat="server" ID="pnlContainer">
<div class="poll">
<div class="poll-question"><asp:Label runat="server" ID="lblQuestion"></asp:Label></div>

<asp:Panel runat="server" ID="pnlInput">
<asp:RadioButtonList runat="server" ID="rblAnswers">
</asp:RadioButtonList>

<div style="margin-top: 10px;">
<asp:LinkButton runat="server" ID="btnVote" OnClick="btnVote_Click" /> |
<asp:LinkButton runat="server" ID="btnResults" OnClick="btnResults_Click" />
</div>
</asp:Panel>

<asp:Panel runat="server" ID="pnlGraph" Width="100%">
<asp:Repeater runat="server" ID="rptGraph">
<ItemTemplate>
<asp:Label runat="server" ID="lblAnswer" Text='<%# GetAnswerText(Eval("Answer").ToString(), int.Parse(Eval("Votes").ToString())) %>'></asp:Label><br />
<asp:Panel runat="server" ID="pnlWidth" BackColor='<%# GetColor(Eval("Color").ToString()) %>' Width='<%# GetWidth(Eval("Votes").ToString()) %>' Height="15px" CssClass='<%# GetColor(Eval("Color").ToString()).Equals(System.Drawing.Color.Empty) ? "poll-bg-color" : String.Empty %>'></asp:Panel>
</ItemTemplate>
<SeparatorTemplate>
<div class="separator">
</div>
</SeparatorTemplate>
</asp:Repeater>
<div style="margin-top: 10px; font-weight: bold;"><asp:Label runat="server" ID="lblTotal"></asp:Label></div>
<asp:PlaceHolder ID="plhLinkButtons" runat="server">

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="btnVote_Click" /> |

<asp:LinkButton runat="server" ID="LinkButton2" OnClick="btnResults_Click" />

</asp:PlaceHolder>

<MonoX:StyledButton ID="btnVote1" runat="server" OnClick="btnVote_Click" />

<MonoX:StyledButton ID="btnResult1" runat="server" OnClick="btnResults_Click" />
<asp:LinkButton runat="server" ID="btnShowVotePanel" OnClick="btnShowVotePanel_Click" />
<asp:LinkButton runat="server" ID="LinkButton3" OnClick="btnShowVotePanel_Click" />

<MonoX:StyledButton ID="btnShowVotePanel1" runat="server" OnClick="btnShowVotePanel_Click" />
</asp:Panel>
</div>
</asp:Panel>

Hi,

there may be a few things that you have missed. Please check if your designer file has created all of the mark-up controls, if so you need to delete all the controls except the ones newly added. Also please change the names of the "LinkButton1-3" they are probably throwing exceptions (you didn't provide us with exception you get), buttons should have names as Ivan has shown in his code preview:


Regards

Hi,

your markup and code behind should look like the example below:

1. Code behind


2. Markup:




PS: can you please follow the steps in attached images in case when you post a code example to our support. It is much easier to read the code that way.


Regards.