This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.
The active forums are here.
May 01, 2011 5:38pm
Subscribe [5]#1 / May 01, 2011 5:38pm
This question may be related to a resolved thread.
This issue has been raised and was solved by use of a third party plugin. I’m trying to stick to the core ee in my first implementation. My question is how can I get the calendar styling to show for the safe entry form without recourse to a third party plugin?
#2 / May 02, 2011 6:41pm
Hi, welshartnow.
A few questions:
Are you talking about the SAEF or SafeCracker?
Calendar styling should work just fine if you use:
<link href="{path=css/_ee_saef_css}" type="text/css" rel="stylesheet" media="screen" />Is that what you’re attempting to do?
#3 / May 03, 2011 1:33am
Hi Sue,
Yes it’s Safecracker, I have included that already but without any luck. The link in my original post highlights a similiar problem.
#4 / May 03, 2011 2:16am
welshartnow,
Are you also removing index.php with a htaccess file? The issue was not solved with the use of a third-party plugin. The plugin was just used to manage the htaccess file. You can manually make that edit
Have you tried what I suggested in the related thread and added ‘css’ to your htaccess rule?
#5 / May 03, 2011 9:10am
Hi John,
I’m missing something here there is no .htaccess file. Do I need to create this and if so how?
#6 / May 04, 2011 11:38am
Hi, welshartnow.
Let’s have you do a stripped down version of your SafeCracker form with just enough to get you started. In other words, something that won’t include any extra css files. Does it work then when you include the link I mentioned earlier?
#7 / May 04, 2011 4:39pm
I found htaccess in my public web folder and it’s empty - so I have nothing to edit? Here is the code I’m using
<html>
<head>
{exp:jquery:script_tag}
</head>
<body>
{exp:safecracker channel="events" include_jquery="no" dynamic_title = "[eventname]"}
<label for="entry_date">Date</label> <input type="text" name="entry_date" id="entry_date" value="{entry_date}" maxlength="23" size="25" />
<input type="submit" name="submit" value="Submit" />
{/exp:safecracker}
</body>
</html>#8 / May 04, 2011 7:02pm
Hi welshartnow,
Are you getting JavaScript errors in your browser? If you remove the {exp:jquery:script_tag} and the include_jquery=“no” parameter, is there any change?
#9 / May 07, 2011 5:35pm
Their removal made no difference and I am receiving no errors as I said my htaccess access file is empty. The css file is not being picked up at all when I include <link href=”{path=css/_ee_saef_css}” type=“text/css” rel=“stylesheet” media=“screen” /> . Can anybody suggest what I might do?
#10 / May 08, 2011 1:13pm
Hi welshartnow,
Using this code I see the calendar styled correctly. Can you try this please:
<html>
<head>
<link href="{path=css/_ee_saef_css}" type="text/css" rel="stylesheet" media="screen" />
</head>
<body>
{exp:safecracker channel="home" include_jquery="yes" dynamic_title = "[eventname]"}
<label for="entry_date">Date</label> <input type="text" name="entry_date" id="entry_date" value="{entry_date}" maxlength="23" size="25" />
<input type="submit" name="submit" value="Submit" />
{/exp:safecracker}
</body>
</html>Cheers
Greg
#11 / May 10, 2011 8:57am
Thanks Greg that helped big time. The calendar is now showing css styles. How can I get month icons to appear? I tied to copy the images into the main images folder but with no luck. Here is the path that is shown in firebug url(”../images/ui-bg_highlight-soft_40_8ea1ad_1x100.png”)
#12 / May 10, 2011 1:48pm
Hi, welshartnow -
Can you show us screenshot of the calendar as it stands now? And also, are the images called in your images directory as stated?
And this is all autogenerated by the above tag?
Thank you!
#13 / May 11, 2011 5:43am
Yes it get s auto generated the missing files are represented as below, the question is whre do I need to copythese image files to so they are visible? I have include the image of the calendar - the month changer arrows are missing
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_505050_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_505050_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_27343C_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_F4C424_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_e40000_256x240.png); }#14 / May 12, 2011 12:47am
Hi welshartnow,
If you’ve already copied the images beginning with “ui” from /themes/cp_themes/default/images to /images, open up /themes/cp_themes/default/css/jquery-ui-1.7.2.custom.css and do a find and replace, replacing “../” with “../../” (no quotes).
Does that work for you?
#15 / May 12, 2011 4:44pm
Thank you Brandon problem solved -Phew -your probably thinking the same?