Hi,
I have developed a bootstrap template HTML outside webFOCUS,which i need to bring it into webFOCUS.Do i have to create a similar design in webFOCUS HTML composer and then associate each components to its respective bootstrap class or is there some other way to achieve it.

Please help me out.

Thanks,
SG

This message has been edited. Last edited by: FP Mod Chuck,

Siva

Just an idea to try. Create a new procedure under whatever content folder you want and paste your bootstrap code in. When you save it change the extension from .fex to .htm. Should save you the trouble of recreating your htm form.

The HTML composer assigns default classes to all kind of HTML components.

If you add the right bootstrap-code to those classes and include a .css in each HTML ( can be done in the GUI, along with .js includes ) you should be okay.

Big problem is that the HTML generated ( both prompt-pages and output ) doesn't generate the needed tags.


I included bootstrap-datatable in an HTML output.

Turns-out the entire page ( including headers and footers ) is one big table.
Sorting and paging etc. doesn't work.


Only real solution is to default include a .js that adds/deletes and replace tags and classnames to suit bootstrap ( and/or datatable in my example ).

Thank you Dave and Chuck.Will try this idea and let you know.

Hi Chuck,
It wont allow me to save a procedure with extension .htm

Siva1925

Create a new text document instead of a procedure and then when you save it change the extension from .txt to .htm. It just worked for me..

Chuck,
It Says "extension change not permitted".
I am using WF 8201

Siva1925

You are right I was using 8.1.05 and 8.2 does not allow you to do that anymore. I'm sorry but I guess my idea will not work with that release.

Thank you Chuck.
For implementing Bootstrap inside webfocus I created a HTML component in webFOCUS HTML canvas and i copied the bootstrap code in that component.
Also i imported all the js and css files to the HTML.
While executing the page keeps loading for a long time giving no output.No errors were also shown in the console window of chrome.
Any Suggestions?

Thanks
Sivakumar Gopi

Hi ,
I got the bootstrap template working by adding the code to a HTML component in the HTML canvas and adding all the js and css files gave me the output.

working on whether i can edit the components created by bootstrap code.

Thank you
Sivakumar Gopi