Hi,

I would be willing to pay for this help if not too costly!

http://knowledgebasedparenting.com

Re: Top right login box.

How do I adjust height specifically? I have gone into css below - I changed height from 135 to 145 but nothing happens when I insert css into the css customization page.

idLoginContainer

{
position: absolute;
top: 3px;
right: 10px;
width: 184px;
height: 145px;
z-index: 33003;
background: none;
float: left;
font-size: 0.85em;
font-color: #ffffff;
}

Also name of member could go up a bit and be enlarged.Where is this changed?

When logged out - Font color is black and links are barely visible as well as.

Yikes - help....

I changed the GadgetTemplate.tpl file - please see below. I know this is a lot but any direction at this point would help.

<$if(!Model.IsHiddenOnPage)$>
<div id="idLoginContainerTopCorners"

class="cornersContainer"><$Divs

(cornersDivsTop = "true", hideInnerDivs =

"true")$></div>

<div id="idLoginContainer">
<$Divs(designDivsBegin = "true")$>

<$if(Model.Security.IsAuthorized)$>

<div

id="loginData">

<div

id="idLoggedName">

<span><$if(Model.IsLapsedMembership)$><

$Model.Text.LabelLapsed$> <$endif$><

$Model.UserFullName$></span>
</div>
<$if (!

Model.IsSystemAdminView)$>

<div

id="ctl00LeftMenuAreaAuthentication1_login

ViewControl_passwordChangeBox"

class="profileBox">

<a href="<$if (Model.IsAdminView)$><

$Model.Urls.ContactDetails$><$else$><

$Model.Urls.Profile$>
<$endif$>"><$Model.Text.LinkProfileText

$></a>

</div>

<$endif$>
<!-- LINK ADDED FOR RENEWING PROFILE -->

<div id="RenewLinkInLoginBox"

class="profileBox"><a

href="/Content/Wizard/Renewal/MemberRenewal.

aspx">Renew Membership</a></div>
<$if

(Model.IsChangePasswordLinkVisible)$>

<div class="profileBox"

id="ctl03ctl02loginViewControl_passwordCha

ngeBox">

<a href="<$Model.Urls.ChangePassword$>"><

$Model.Text.LinkChangePasswordText$></a>
</div>
<$endif$>
<div

class="profileBox" id="idLoggedAction">

<form action="<$Model.Urls.SignOut$>" <$if

(Model.IsAdminView)$>target="_top"<$endif$>

method="post"><input type="submit" size="20"

value="<$Model.Text.LinkSignOutText$>"

id="ctl00LeftMenuAreaAuthentication1_login

ViewControl_LogoutButton"

class="loginButton"></form>
</div>
</div>

<$else$>
<table

id="ctl03ctl02loginViewControl_loginContro

l" cellspacing="0" cellpadding="0"

class="loginContainerTable" style="border-

collapse:collapse;" border="0">

<tr>

<td>

<div id="loginData">

<$Divs(designDivsBegin = "true")$>
<!-- NOTICE ABOVE LOGIN BOX --> <h3>MEMBER

LOGIN AREA</h3> <!-- lINK TO APPLICATION -->

<div>Not a member? Click <a

href="/membership.html">here</a> to sign

up.</div>

<form id="<$Model.Id$>"

action="<$Model.Urls.Authenticate$>"

method="post">

<input

type="hidden" name="ReturnUrl"

id="returnUrl" value="<$Model.Urls.Return

$>">

<input

type="hidden" name="browserData" id="<

$Model.Id$>_browserField">

<div

id="idLoginUserName">

<div

id="idLoginUserNameLabel">

<label

for='ctl03ctl02loginViewControl_loginContr

ol_UserName'>

<span validatorType="required"

controlToValidate="ctl03ctl02loginViewCont

rolloginControlUserName" display="static"

errorMessage="<$Model.Text.EmailIsRequired

$>"

id="ctl03ctl02loginViewControl_loginContro

l_userNameRequiredValidator"

class="mandatorySymbol"

style="visibility:hidden;">*</span>

<$Model.Text.LabelEmail$>

</label>

</div>

<div

id="idLoginUserNameTextBox">

<input name="email" type="text"

maxlength="100"

id="ctl03ctl02loginViewControl_loginContro

l_UserName" tabindex="1"/>

</div>

</div>

<div

id="idLoginPassword">

<div

id="idLoginPasswordLabel">

<label

for='ctl03ctl02loginViewControl_loginContr

ol_Password'>

<span validatorType="required"

controlToValidate="ctl03ctl02loginViewCont

rolloginControlPassword" display="static"

errorMessage="<

$Model.Text.PasswordIsRequired$>"

id="ctl03ctl02loginViewControl_loginContro

l_userNameRequiredValidator"

class="mandatorySymbol"

style="visibility:hidden;">*</span>

<$Model.Text.LabelPassword$>

</label>

</div>

<div

id="idLoginPasswordTextBox">

<input name="password" type="password"

maxlength="50"

id="ctl03ctl02loginViewControl_loginContro

l_Password" tabindex="2"

autocomplete="off"/>

</div>

</div>

<div

id="idLoginAction">

<span><input type="submit"

name="ctl03$ctl02$loginViewControl

$loginControl$Login" value="<

$Model.Text.ButtonLoginText$>"

id="ctl03ctl02loginViewControl_loginContro

l_Login" onclick="if (!

browserInfo.clientCookiesEnabled()) {alert

('<$Model.Text.WarningCookiesNotAvailable

$>'); return false;}" tabindex="4"

class="loginButton"/></span>

</div>

<div

id="idLoginPasswordForgot">

<a

href="<$Model.Urls.ForgotPassword$>"><

$Model.Text.LinkForgotPasswordText$></a>

</div>

</form>

<script

type="text/javascript"

language="javascript">

var browserField =

document.getElementById('<$Model.Id$>' +

'_browserField');

browserField.value

= browserInfo.getBrowserCapabilitiesData();

$(document).ready

(function() { $('#<$Model.Id

$>').FormValidate(); });

</script>

<$Divs(designDivsEnd = "true")$>

</div>

</td>
</tr>
</table>
<$endif$>

<$Divs(designDivsEnd = "true")$>
</div>
<div id="idLoginContainerBottomCorners"

class="cornersContainer"><$Divs

(cornersDivsBottom = "true", hideInnerDivs =

"true")$></div>
<$endif$>

Hi,

I'm new to Wild Apricot and am using Widgets to add functionality into my business site. I'm close to getting ready to launch soon. I cannot figure out how to resize or change the background color using the widgets codes.

Here is my website where you can see the black background and the widget doesn't fill nearly enough of the available space. I don't want people to have to scroll through the information.

http://www.minglesingles.com/membership.html and

http://www.minglesingles.com/event-calendar.html

I tried doing the resizing using the following http://help.wildapricot.com/display/DOC/Changing+the+widget+width but nothing changed so I'm at a loss of how to use this. Any help would be appreciated.

Thanks!

Hi everyone,

My client has engaged a designer to produce a design for her WA site, however it looks beyond my ability to customise Wild Apricot.

I'll be doing all the events/membership stuff in the engine room, plus I could do simple modifications to a WA theme.

They originally designed it to be used for a Wordpress site, but I'm not sure it can be easily incorporated into a Wild Apricot modified theme?

I've attached a screenshot link below.

Screenshot https://my.syncplicity.com/share/lzlwv2skqd/JULIANNA_&_FRIENDS_WEBSITE-_HOME_PAGE_1-01

The original graphics are in a psd file.

If its not easy to do, I'd like to find someone who could do it for us.

Any advice would be most welcome.

Regards, Martin

I'm using Starlight Granite theme, originally a liquid layout. I've changed the theme to a fixed width layout, to preserve size and placement of images on home page.

However, the submenus are not wide enough to fit all my type. According to WA support, there was a bug, and they sent me a piece of CSS code, which did not work, due to my adjusting the theme from liquid to fixed.

So I'm reaching out to the user community, especially those CSS experts, to determine if I can set my submenus to a wider width, and still retain my fixed width layout.

Any assistance or suggestions appreciated.

Thanks.

By default, the multi-line text field has a limit of 3000 characters.

With some Javascript code, this limit can be reduced. The following code will limit the field to 500 characters. Change the boxlength value to set your own limit.

Insert the following code under Settings > Global Javascript:

<script type="text/javascript"> var boxlength = 500; if(document.getElementsByTagName('TEXTAREA')){ var txts = document.getElementsByTagName('TEXTAREA'); for(var i = 0, l = txts.length; i < l; i++) { var func = function() { if(this.value.length > boxlength) { alert('Maximum length exceeded: ' + boxlength); this.value = this.value.substr(0, boxlength); return false; } } txts[i].onkeyup = func; txts[i].onblur = func; } } </script>

Trying to figure out how I remove the hyperlink from the event gadget? I want to use the event gadget on home page of my web site so the "next" meeting is always current, but because my web site is not a WA site, I have the gadget in an iframe. My problem is the hyperlink on the event title opens the event in the iframe and I don't want it to do this.

So, I want to either:

• remove the hyperlink from the events gadget; or

• modify the hyperlink so it goes to a different page

Can anyone help me out with this?

thanks,

Kathleen