370 results found

1. Class view to mark attendance and homework

   We lead workshops that require us to keep track of attendance (7 meetings) and assignments (4) for each participant.

   We can put a yes/no for each thing in the contact record for each participant.

   How could the whole class be displayed to be able to check it off easily? (meaning without having to click through to each contact record.)

   Thanks in advance!

   Keith

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   1 comment  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

2. Example of login box customization using Theme Overrides

   You might have noticed that a new capability called "Theme Overrides http://help.wildapricot.com/display/DOC/Theme+Overrides " was introduced in Wild Apricot release 4.2. Unfortunately, this unclear name actually hides quite an impressive set of functions to customize your site's visual behavior, much more expanded than it was before. I want to show you my own example of using of this technology so you can see how it has improved.

   Let us show the example of how login box is presented in Wild Apricot. While having fields to enter email and password on any page might be convenient in some cases, in other cases it might be distracting. I prefer to have just a simple link "Sign in" that leads to special page where I can enter required data to log in and then be redirected to appropriate page. In Wild Apricot before 4.2 release it was almost impossible - the HTML code was pre-built and you could only change it's appearance or hide completely. In new version, this can be very easily done.

   Here's what I did using Theme Overrides on my own site: http://ez.wildapricot.org . Note that I use this site regularly for testing of ideas, so it might be changed when you look at it live -- hopefully the screencaps here will help you understand this example.

   Not signed in mode

   In normal public mode I show just the "Sign in" link that leads to a page where email and password are requested. If you look at the HTML code of the template file below, this state is shown when "Model.Security.IsAuthorized" is "false."

   Signing in

   This what the user gets when he clicks on the "Sign in" link. Note that the link itself is hidden in this state. This due to the fact that "Model.IsHiddenOnPage" is "true" here, and the HTML code in the gadget's template file hides it in this state.

   Signed in - regular page (i.e. Home)

   After the user signs in, it shows only the name of current user as a link in standard blue color. Clicking on the link brings us to profile page. Signed in state is when "Model.Security.IsAuthorized" is "true".

   Signed in - profile

   This is the same link on the Profile page is still shown but in a different color - slightly dimmed. This state is when "Model.IsProfileLinkVisible" is "False".

   Here are the steps I used to create this. First of all, I enabled "Theme override" mode via Settings / Theme overrides (BETA) page. This action gave me an additional folder called "ThemeOverrides" in my WebDAV filders structure, containing the "transparentvertical" subfolder which is based on the name of the theme I use on my site. The folder name will be different for other themes. This is where the "Theme overrides" magic starts. Basically this folder contains all the HTML, CSS, JS and template files that are used to render my site's pages. By "overrides" we mean that instead of having thousands of files being shown in this folder (that are part of theme and all are required to show final page) and changing just a few of them, now you can just upload the files you want to change. The uploaded files "override" the default theme behavior. To understand the default theme behavior and get the files, you need to download the theme pack ZIP file from "Theme overrides (BETA)" in Settings. The pack contains the same folder structure as in your WebDAV but with all theme files, which you can then edit and upload as needed.

   In my case I needed to change the "LoginBox" gadget behavior, so I took default gadget template file containing the login box HTML code and changed it to my own code:

   Gadgets/Login.LoginBox/GadgetTemplate.tpl - new code <$if(!Model.IsHiddenOnPage)$> <div id="loginData"> <$if(Model.Security.IsAuthorized)$> <div id="loginData-authed"> <$if (!Model.IsSystemAdminView)$> <span class="decoration-brackets<$if(!Model.IsProfileLinkVisible)$> profilelink-inactive<$endif$>" ><a href="<$if (Model.IsAdminView)$><$Model.Urls.ContactDetails$><$else$><$Model.Urls.Profile$><$endif$>"><$Model.UserFullName$></a ></span> <$else$> <span class="decoration-brackets mode-systemadmin">Global admin mode</span> <$endif$> <form action="<$Model.Urls.SignOut$>" <$if(Model.IsAdminView)$>target="_top"<$endif$> method="post"> <input type="submit" size="20" value="<$Model.Text.LinkSignOutText$>" class="loginButton"> </form> </div> <$else$> <div id="loginData-notauthed"> <span class="decoration-brackets" ><a href="/Sys/Login">Sign in</a ></span> </div> <$endif$> </div> <$endif$> If you look into the default code you will see much more complicated code. I simplified it a lot as I do not need to keep the code for all themes but just my own, so I can make it simple and do the rest with CSS. Note that this not just HTML code - the template file uses special language that allows you to make your template file active, not passive, so you can check conditions of request environment and use model data to compose the response code. The language is very powerful so you can achieve nearly anything you want - see StringTemplate syntax http://help.wildapricot.com/display/DOC/Theme+files+language+syntax .

   To support my HTML code that I created in the gadget template file, I also added my own CSS file. I put the file into the "Styles" folder - all CSS files in this folder are automatically added into all system responses:

   Styles/ez.css - my own css file /************************************ Decorations ***********************************/ .decoration-brackets { color: #666; } .decoration-brackets:before { content: "["; padding-right: 0.4em; } .decoration-brackets:after { content: "]"; padding-left: 0.4em; } /********************************* Login box **************************************/ div#loginData { margin: 15px 0px 15px 0px; } div#loginData-notauthed a { text-transform: uppercase; } div#loginData-authed a { text-transform: capitalize; } div#loginData-authed .profilelink-inactive a, div#loginData-authed .profilelink-inactive.decoration-brackets { color: #999; } div#loginData-authed { margin-bottom: 7px; } div#loginData form input { margin-left: 0; margin-top: 5px; } div#loginData .mode-systemadmin { color: red; font-weight: bold; text-transform: uppercase; } This combination of HTML and CSS allows my site login behavior to work the way I want it - in public, member and admin modes.

   The true power here is that Theme Overrides gives you ability to change HTML code - not just CSS code as in previous versions. This makes overall customization experience much easier -- you can create your own themes now and make very simple HTML code for them, without all those nasty DIVs that were required in previous releases.

   Enjoy!

   You might have noticed that a new capability called "Theme Overrides http://help.wildapricot.com/display/DOC/Theme+Overrides " was introduced in Wild Apricot release 4.2. Unfortunately, this unclear name actually hides quite an impressive set of functions to customize your site's visual behavior, much more expanded than it was before. I want to show you my own example of using of this technology so you can see how it has improved.

   Let us show the example of how login box is presented in Wild Apricot. While having fields to enter email and password on any page might be convenient in some cases, in other cases… more

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Edit…  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

3. background images in the navigation

   I have a left navigation menu, and would like to put separate background images in each menu item (not a single background image for the whole menu). I do not have any subpages, just the main level of links. I've done this before with a spry menu but can't figure out where to insert the backgrounds in all this CSS. Please help if you can! Thanks.

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   3 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

4. Using custom fonts

   I I am wanting to use some custome fonts on my WA site - am not particularly fussed as to which method as long as it works.

   Of Cufon, SiFR and @fontface (CSS) methods avaiable, the latter is probably preferred.

   The problem I am encountering is the supporting file types (.eot, .ttf, etc) and where to host them as WA does not as far as I can see, support upload of these filetypes. I have tried imnplementing using remote hosting options, but it doesn't seem to want to play nicely.....

   Any suggestions as to a work around? (By the way, Cufon, my second preference als requires javascript placed in the head tag rather than at the bottom of the page where WA tends to indert them, so this not proving partiularly effective either)

   Cheers

   Kerrie-Anne

   I I am wanting to use some custome fonts on my WA site - am not particularly fussed as to which method as long as it works.

   Of Cufon, SiFR and @fontface (CSS) methods avaiable, the latter is probably preferred.

   The problem I am encountering is the supporting file types (.eot, .ttf, etc) and where to host them as WA does not as far as I can see, support upload of these filetypes. I have tried imnplementing using remote hosting options, but it doesn't seem to want to play nicely.....

   Any suggestions as to a work around? (By the way,… more

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   7 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

5. CSS customization of site

   Here is my problem:

   The way that we are utilizing the Wild Apricot site is as a membership management site. We have an existing website that we are integrating some of the widget pages from WA, into. This means that for the most part, I simply need to modify many of the style settings of the widgets, to match the style of the existing website.

   At one point, I thought that I had done this. Then, somehow, the theme was changed. Now, the colors and text are different. I have literally put off going in to fix this because every time I do, and every time I download the CSS template for the theme that I have selected, I freeze up.

   When I look at the template and see that between the div for the content wrapper and the div that contains the content, there are 9 intermediate div's, I get lost. Then, when you look at the template, even as commented as it is, it is almost impossible to figure out what you have to change in order to get the colors correct. I am confident in my skills with html and css. I built our existing website from the ground up, including styles. I just feel that the current style model is WAY to complex, to the point of being almost UNUSABLE. I understand that much of the reason for having the nested div's is to provide as many customization options as you can for your customers. I am willing to state that the customizations available on WA, could be done much simpler. A simple web search reveals web sites with large numbers of templates, using pure html/css that are just as complex in many ways, and use 1/3 the number of divs in each area.

   The other problem that I have is the disconnect between the editing options related to parts of the header, footer, and and menu bars, text and links, and the styles for the rest of the website. All styles NEED to be together, as do all html modifications. I think if you made this simple change, the satisfaction level would increase and stress level would decrease of all people trying to integrate WA into their current website.

   My proposal is this:
   
   * If there is going to be a section to edit the look and feel of the site, presented in a wizard format like the editing options for header, menu and footer, then ALL style options should be presented that way as well.
   
   * Change the area to modify CSS. Having to download the template, then find the sections that you want to change, cut that out and upload it into the Customize CSS window is clumsy and confusing. Allow someone to download the CSS template, modify it and upload the entire thing to preview changes, then apply them to the site. Having to cut out sections and paste them somewhere else is confusing because you lose the context of where they fit to the rest of the template.
   * Combine this area with where you choose and apply a theme. Having to switch between each of these things makes me lose track of where certain parts are kept, where I was last, and what I still need to change.

   If someone has already suggested something like this, then please merge this comment with that request. I have been working with WA for almost 2 years now, and it has been AWESOME. I can't express enough how great and responsive you all have been. That being said, this area is a HUGE stumbling block, to the point that I get frustrated every time I think about it. I have not attempted to fix it because I honestly don't have time to sit and parse through the CSS template to find the correct style sections to cut out, paste in the Customize area, and then modify.

   Please Help!

   Thanks,

   Russell

   Here is my problem:

   The way that we are utilizing the Wild Apricot site is as a membership management site. We have an existing website that we are integrating some of the widget pages from WA, into. This means that for the most part, I simply need to modify many of the style settings of the widgets, to match the style of the existing website.

   At one point, I thought that I had done this. Then, somehow, the theme was changed. Now, the colors and text are different. I have literally put off going in to fix this because every… more

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   3 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

6. Custom HTML Code Being Removed Upon Save

   I have a number of pages with custom <style> tags in the HTML. I add them by clicking Edit HTML on a specific page. I actually use them to override the user.css styles in the external style sheet.

   Example - I have some flash code for a rotating image banner in my footer. I only want to show this on my home page. So in my user.css file I add a style rule that hides it for all pages:

   idflashimage{display; none;}

   (I place the flash embed code inside a DIV that I have assigned an ID to and hide that)

   Then on the Home page (or whatever page I want it to be shown) I add the following <style> tag:

   <style>#idflashimage { display: block;}</style>

   Prior to the update I was able to add the <style> tag, save the page and no problem. Now it seems that when I add a <style> tag to a page via Edit HTML and save it, the "Cleaning HTML" process deletes the whole tag.

   Did the 4.0 update make it harder to insert custom HTML tags?

   Thanks
   Kyle
   spec.bc.ca

   I have a number of pages with custom <style> tags in the HTML. I add them by clicking Edit HTML on a specific page. I actually use them to override the user.css styles in the external style sheet.

   Example - I have some flash code for a rotating image banner in my footer. I only want to show this on my home page. So in my user.css file I add a style rule that hides it for all pages:

   idflashimage{display; none;}

   (I place the flash embed code inside a DIV that I have assigned an ID to and hide that)

   … more

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   5 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

7. Hide text: Fill in application form

   Hi

   On this page: http://manu.cloverpad.org/bliv-en-del-af-holdet

   Can I either hide og costumize the text 'Fill in application form' ?

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   3 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

8. Multi-Column Display for Single Browsing Categories

   Sometimes you only have one column for browsing but it's squeezed into a narrow column.

   You can scretch it out across the entire page using this CSS customization.

   Code

   idF1Options{width:950px;}

   idF1Options ul

   {
   width: 70em;
   }

   idF1Options ul li

   {
   float: left;
   width: 10em;
   }

   br
   {
   clear: left;
   }
   optionLink
   {
   margin-bottom: 2em;
   }

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   3 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

9. Pictures in the left Navigation Container?

   Hello,

   I have currently chose a hybrid template (main navigation on across the top, and sub-items along the left side), and have customized it a bit. http://www.rnlcny.org/Members The login box is also in the left submenu, although I have limited it to showing only on certian Members accessed pages.

   I would like to add more to the left Navigation Container, like a 200x100 picture that tell of an event or theme, or iframes or even widgets. If it was stacked from top to bottom, the navigation container would look like: Image, Sub-Items Menu, Log-in (that I've turned on for appriotate pages), then possibly a widget or iframe.

   Here is a website that has a good example of the image before the sub-items menu: http://www.journeymetro.com/brooklyn/about

   I can make the object in the CSS customization, but I don't know how to place it into the html. I know I can affect the CSS, but how do I affect the html? Can I access it through webdav or something like that? An same type of question for an iframe. How do I insert that type of thing in the right place in the html? Some sort of javascript?

   Let me know when you can. Also, if possible, it would be great to see an example (even a test page) to dive deep into the code and really understand how it is set up. (I use Firebug in Firefox to really explore the code and learn.)

   Thanks,

   Ben

   Hello,

   I have currently chose a hybrid template (main navigation on across the top, and sub-items along the left side), and have customized it a bit. http://www.rnlcny.org/Members The login box is also in the left submenu, although I have limited it to showing only on certian Members accessed pages.

   I would like to add more to the left Navigation Container, like a 200x100 picture that tell of an event or theme, or iframes or even widgets. If it was stacked from top to bottom, the navigation container would look like: Image, Sub-Items Menu, Log-in (that I've turned on for appriotate… more

   0 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   10 comments  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

10. Testamonial box

    can I add an area below the login container to show testamonialson my website homepage?and if so any advice on what to do, I know a little CSS

    0 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    2 comments  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close