akridgeblue

never mind about class styles. Just saw it. I must be blind lol. But yeah still haven’t figured out links for labels. Any help is greatly appreciated.

Just saw that link titles on the left side is easy. Just need to put html code in label input field. But doesn’t seem to work 100%. Kind of strange.

Can you tell me how to use links in the titles and class css fields. I noticed there is some like:

.gantt-block.important {
background: #b58900; }

.gantt-block.urgent {

But I don’t know how to implement them.

Hi,

First let me say I like the plugin a lot. Would love to see date custom fields to be chosen by the user and default by the admin. So we can show the chart in month view without editing the code. Like here:https://winchpool.whoi.edu/schedule.cfm

On that note I would love to see linkable titles and other color options as well. Maybe groups. lol I know thats a lot. Other features like these here would be nice too: https://gantto.com/

My test: https://www.soest.hawaii.edu/HMRG/cms/umc/?page_id=353

Wow. Thanks mate.

Turns out the new pages were breaking with my theme because there isn’t a default widget in my primary sidebar. I put a blank text widget in the sidebar and they load now.

It might of always been broken like that and I never noticed because I had always assigned a menu widget to the page until recent testing. Thanks again.

Update 2. I’ve gotten new pages to show background, header, and top nav just by turning off easy fancybox plugin.

https://www.soest.hawaii.edu/HMRG/cms/umc/?page_id=1069

Still can’t get everything to load.

Update 3. Disabled widget logic plugin network wide. Page loaded fully. But I need widget logic for my other sites and pages. So yeah haven’t had a problem with it before. Not sure where to go from here.

Thanks for the response. I tried site 2(the problem site) with a different theme(default wordpress theme) and the new pages are created and displayed just fine.

As for the theme I’m using I’ve made several changes to the CSS. Both sites share the same theme so thats why its strange to me. No custom mu-plugins.

Thanks again. Any help is greatly appreciated.

I couldn’t do it either but try something different like the jQuery Collapse-O-Matic plugin.

Hmm strange. Haven’t had this problem but then again I’m using the old versions of both plugins just to make sure they stay compatible(and because I don’t have time to check compatibility.)

Thanks. Looks like the site is back up. Copying info from Kavin’s site here just in case it ever goes down again:

Create and download the custom theme from themeroller
Visit the jQuery UI themeroller page. You will now land on the Roll Your Own tab. You can start customizing your theme from here.

jQuery UI theme roller

If you want to base your custom theme on another theme, click the “gallery tab”, and click edit under the desired theme.
Basing a custom theme from another jQuery UI theme

Choosing a theme as the base

Customize the theme to your heart’s content.
Customize and download a jQuery UI theme

Customize and Click Download theme.

Now comes the essential part, entering the correct CSS scope and folder name. I chose .wpui-custom and wpui-custom as an example, and this will be the argument to the WP UI shortcodes later on.

[wptabs style=”wpui-custom”] ………………..

[wptabs type=”accordion” style=”wpui-custom”]….

1.As it is essentially a CSS class name, it shall contain alphabets, letters(not as the first character though), hyphens and underscore.
2.Make sure you enter the preceding dotbefore the CSS scope.
3.You can also click “unselect components“, before clicking download. This will cut down the download size to 400KB~

Choosing a CSS scope
Click Download and then save the file (named something like jquery-ui-1.8.xx-custom.zip.)

Uploading the files to your server

Unzip the downloaded file and in the folder unzipped, navigate inside the CSS folder. There should the folder “wpui-custom” , as per our example and we chose that at the last step. This is the only folder we need to upload.
6-wpui-custom-theme-folders

Extract the custom theme folder from the downloaded file

Fire up your FTP client, login to your server and browse to your uploads directory.
If the wordpress blog is in https://example.com/blog ,then the uploads folder should be at /blog/wp-content/uploads/ , assuming that your wordpress is installed in the folder “blog” present in the root folder. Basic guide on using FileZilla is at codex.
This should brief that in a bit.
Filezilla-uploading-jquery-ui-themes-to-wordpress
Create and upload the custom themes inside the folder – wp-ui, under uploads
That’s all, the hard part’s over. Now the fun part.

Manage jQuery UI custom themes with WP UI

Go to wordpress admin -> WP UI options page -> Style Tab -> Manage jQuery UI custom themes.

See that empty table over there? That’s ready for some fresh made Custom themes.
Click scan uploads, it should start scanning the uploads/wp-uidirectory and add them to the list.
Do you have your theme uploaded elsewhere,want to link the theme? Click Add Theme.
Need to edit that last entered theme? just Double click anywhere on the row, edit box will open up.

Now just click changes and you are ready to go!
Managing Custom themes in WP UI options page

Using the custom themes with Shortcodes

Remember that shortcode argument I told you earlier? Yes, that is now the style’s name. To use it, take for example with our example customize-downloaded-custom(ah!) theme “wpui-custom” ,

[wptabs style=”wpui-custom”]……………

Now view the front end of your blog, your tabs and accordion should be using custom themes you created!

Yeah I think thats what I will start doing. Thanks mate.

Ah I see. Yeah thats just a quick and dirty fix. Hmm well. I guess it all depends on your footer and theme.

You can use a plugin to add widgets to the footer(forgot the name) and then use the ‘Enhanced text’ plugin widget that allows all-sorts of code, css and what not.
pomelodesign.com/enhanced-text-widget

You can override the default css easily by putting it in a div on the page/post like so:

<div id="specialtabs">
[wptabs mode="horizontal"]

[wptabtitle]Your title[/wptabtitle]
[wptabcontent]
Your content
[/wptabcontent]

[/wptabs]
</div>

Then add css to your theme to position it into the footers area(note below is just an example. must come up with own numbers):

#specialtabs {
	position:absolute;
	width:200px;
	height: auto;
	padding:8px 10px 20px 10px;
	border:1px solid #000;
	border-top:2px solid #000;
	border-left:1px solid #000;
	background-color:#fff;
	z-index: 0;

	left: 50%;
	margin-left: 255px;
	margin-top: 150px;
	top: -150px;
        background-image:url(www.urlhere.com/image.jpg);
        background-postition: top;
        background-repeat: repeat-x;
	}

And thats how you do that.

Yeah sorry. I still haven’t found out how to do this. I’ve tried a deep search for the info and even experimented without instructions. Just can’t get it to work. I expect to keep trying so sometime next week I’ll let you know.

I did see the webpage at one point. It seemed simple but I’m not sure on the specifics; thus I can’t get it to work.