how to add a custom pages

[vishwarajpoot]

l am trying to add a custom page on my vbulletin 5 but l am not able to add it can anyone help me out in this ,

[Lynne]

What problem are you having? Site Builder > New Page > add modules > Save . Which of those steps are you having issues with?

[vishwarajpoot]

l need to include my php code with scripts and graph so l need to get the template where l can edit and add my js and css , but it is just making a page for me where l have different modules

--------------- Added [DATE]1391094455[/DATE] at [TIME]1391094455[/TIME] ---------------

l need to make a page with highcharts of some data in topics hence l need to add a custom page with header and footer of vbulletin and to add my custom codes to according to data to get the graph

--------------- Added [DATE]1391094497[/DATE] at [TIME]1391094497[/TIME] ---------------

can you please help me on this ??

--------------- Added [DATE]1391094572[/DATE] at [TIME]1391094572[/TIME] ---------------

can we have a time to have chat to sort this thing out as it is very necessary to me , as l think vb3 and vb4 are more compatible in adding custom pages but l think vb5 that l had purchased doesn't support this

[Lynne]

You can put a php module on the page and add all your own php code.

If you purchased a vB5 Connect license, you do have the option to download/install vB3 or vB4 instead.

[vishwarajpoot]

how to use the php module variables in the html module is there any trick, and l want to use php module just to extract and furnish variables and arrays but there is a bar of php module use to appear even when it is blank , how to hide it

[BowlingTracker]

I'm trying to do pretty much the same thing. Is there any way to make the PHP module in site builder to NOT be collapsible?

If I go this route, I'll have to restyle all my content, because of the way vB5 set's up their styles. But it may be worth it in the long run.

[Lynne]

You can use CSS to 'hide' the arrow for the module.

.canvas-layout-container .canvas-widget[data-widget-id="xxx"] .widget-header .module-buttons .module-button-item span {display: none;}

change xxx to the data-widget-id for the module (found in the page source).

[BowlingTracker]

Originally Posted by Lynne

You can use CSS to 'hide' the arrow for the module.

.canvas-layout-container .canvas-widget[data-widget-id="xxx"] .widget-header .module-buttons .module-button-item span {display: none;}

change xxx to the data-widget-id for the module (found in the page source).

Thanks.. that worked.. but then I couldn't edit or even delete that widget, because the buttons are gone in edit mode. lol

I had to update the html directly in the database to undo it. I guess I can still use it and just know that if i need to edit it, it has to be done directly in the database.

I'd also like to get rid of the horizontal line and the frame around the widget. I'll see if i can figure out the css for it tomorrow.

Thanks again.