What can we do to make it easier to design with Wild Apricot?

Login Box Text When Logged Off is Unviewable

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="ctl00_LeftMenuArea_Authentication1_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="ctl03_ctl02_loginViewControl_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="ctl00_LeftMenuArea_Authentication1_login

ViewControl_LogoutButton"

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

<$else$>
<table

id="ctl03_ctl02_loginViewControl_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='ctl03_ctl02_loginViewControl_loginContr

ol_UserName'>

<span validatorType="required"

controlToValidate="ctl03_ctl02_loginViewCont

rol_loginControl_UserName" display="static"

errorMessage="<$Model.Text.EmailIsRequired

$>"

id="ctl03_ctl02_loginViewControl_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="ctl03_ctl02_loginViewControl_loginContro

l_UserName" tabindex="1"/>

</div>

</div>

<div

id="idLoginPassword">

<div

id="idLoginPasswordLabel">

<label

for='ctl03_ctl02_loginViewControl_loginContr

ol_Password'>

<span validatorType="required"

controlToValidate="ctl03_ctl02_loginViewCont

rol_loginControl_Password" display="static"

errorMessage="<

$Model.Text.PasswordIsRequired$>"

id="ctl03_ctl02_loginViewControl_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="ctl03_ctl02_loginViewControl_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="ctl03_ctl02_loginViewControl_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$>

0 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    webfootwebfoot shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    1 comment

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • KingsleyKingsley commented  ·   ·  Flag as inappropriate

        Webfoot,

        I think you also need to put in the following CSS

        #idLoginContainer .d1, #idLoginContainer .d3 {
        height: 145px;
        }

        When customising a WA site I find the best tool is the "inspect element" feature in Firefox and Chrome (in the menu when you right click). The WA website structure has so many layers of DIV's it is often hard to work out which one is effecting your layout. With the inspect element tool you can select the object you want to customise, see what CSS is controlling it and even experiment with changing the code and see how the browser will display it without making any actual changes to you site.

        As for the members name when logged in, I think the following will probably do the job:

        .loginBox .loginBoxUserName, {
        put font size etc in here
        }

        Hope that helps

      Feedback and Knowledge Base

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7