I have a large number of (300+) help pages. The web version should display the Google Translate dropdown menu, but when these same files are used offline (in Windows help .chm files) the dropdown should be hidden. Obviously I would not want to maintain two separate help files.
So I have my Google Translate code inside a called and created a style sheet that tells the page whether or not to show the translate dropdown (web) or hide it (local file). This works pretty well, except that I get the Google Translate icon on my local .chm files.
Like I said, the dropdown is not displaying on these local pages, just as expected, but how can I get rid of the icon? Interesting, too, that this image (untitled.png) shows up with or without the style sheet enabled.
BTW, I am talking about the bigger, blue image, not the Google"G" right in front of the dropdown.
without dropdown
with dropdown
Thanks for your time!
You can ensure that the CSS files are compiled into the help file by adding their names to the [FILES] list in the project (.hhp) file in two ways.
You may add the *.css filename(s) by editing the *.hhp file with a plain text editor or to do this with HH Workshop:
Open the .hhp file in HTML Help Workshop.
Click the Add/Remove Topic Files button on the Project tab.
In the Topic Files dialog box, click Add.
In the File Name field at the bottom of the Open dialog box, type *.css (or e.g. *.jpg)
Browse to the directory that contains the files (or e.g css), and then select them.
Click Open, and then click OK to close the Topic Files dialog box.
Additional information:
The help compiler automatically pulls into the help file all graphics that are referenced in elements via the "src=" attribute. For graphics that are referenced by other means, such as in a script or style sheet, you must use the above workaround to ensure that they are compiled into the .chm file
Related
My static files are directing to the correct place since my CSS files are loading. However, I have a JS file that works locally and on codepen, but not on the browser. I have tried placing my JS files in a different folder and directing there and I have changed the script src (from /static/button.js to https://www.yoginib.org/static/button.js) - Neither of these have worked. I am not getting any errors when I check developer tools either.
I am not experienced with jQuery or PythonAnywhere so I am not sure what else to try.
I have some animations on the buttons, so I am not sure if that's affecting the functionality.
This is the HTML (where I reference the JS:
This is also the HTML, showing the buttons that I want to affect using JS:
This is the JavaScript:
This is a screenshot of the buttons on the actual webpage and the text underneath, which should change to different text with a button click:
This is the link to the webpage: https://www.yoginib.org/arena.html
I am working on an asp.net MVC project.
I noticed that there are 2 files in my script folder (can't remember how they got added, but I don't seem to be using them):
_Layout.es5.js
_Layout.es5.min.js
They never show up in Visual Studio, even when I choose 'Show All Files' options.
What are these files? Why don't they show up in Visual Studio? And should I delete them?
You can check if a script files are used anywhere in the project (js, css or any script/content file). You can follow the following steps:
In visual studio press Ctrl + Shift + I then search for _Layout.es5.js or _Layout.es5.min.js. Use the "Find all" option for faster result
Also do a search with partial name like _Layout.es
Your file might be referenced dynamically which will not show up in the previous search. If no reference was found in the previous search then from the browse check if the file is downloaded on any page by browsing the pages and inspecting which files are downloaded.
For example on Google Chrome open the Developer tool, Then check the Disabled cache and the js check boxes so that you can check the JS files only.
I want to include .js file (or piece of code) into LOV popups of some apex page. I found that I can't do that in apex IDE for editing LOV popups and I can only include .js file into apex page. Question: how to include it into LOV popups of some page, is there any way to do that?
If you have a custom theme, you can easily add some javascript to all popup LOVs by editing the "Popup LOV" template for your theme. Go to Shared Components > Templates, search for "LOV", and edit the default one for your theme. At the bottom, you can edit the page header HTML and add a <script> tag to put your javascript in.
If you're still using a standard theme (and you don't want to unsubscribe it to create a custom one), you can add javascript file URLs at the application level. Click Edit Application Properties > User Interface > click the Edit button next to your theme > JavaScript. Upload your javascript code as a .js file to your server, put the URL in the "File URLs" box, and it'll be loaded on every page in the application. If you only want your code to run on Popup LOV windows, you'll need your js to check for some CSS class that only exists on Popup LOV pages, e.g. body.t-Page--popupLOV.
There are probably other ways to do it, too.
I was following this tutorial on Microsoft's developer network concerning using asp.net and mvc model with sql database. Here is the link to the tutorial that I was following
http://www.asp.net/mvc/tutorials/mvc-5/introduction/getting-started.
So basically, I wanted to play around with the design of the file which is defined in these three files bootstrap.css, bootstrap.min.css, and web.css.
As to my understanding , bootstrap is an html, css, and javascript framework which has the design for the elements already defined. In Visual Studio, I began to edit the bootstrap.css file by changing background-color of the jumbotron element. However, when I saved the file and ran my web application , I noticed that the color remained the same and did not change. But, when I defined the design for the .jumbotron element in the web.css file, the element's background color changed accordingly to red.
Essentially, what I want to know is if bootstrap.css is restricted for editing within the template?
What is Bootstrap
I think you're trying to refer to the Twitter Bootstrap that is used all around the Internet. It contains most of the Styling techniques for the Elements, such as buttons, inputs etc.
When you edit a website's Stylesheet, (Bootstrap.css is a Style sheet and its name doesn't make it write/edit protected file) you get the style that you've applied to it.
http://getbootstrap.com/
Web.css
This file might be the default Style sheet that was created by the Developers at Microsoft while creating the Template for the Website that you're using.
Secondly, when you edit and create this file, it is also a Style Sheet which means it would apply the style to your website and all the web pages who are refering to it.
You're right. It has all the pre-defined methods and contains all of the contents and styles required to make a web page responsive. For more: https://en.wikipedia.org/wiki/Responsive_web_design
What might have caused this problem would be cache. When you first loaded the web page, it would have captured the New Style sheet from the file System and would have applied the styles. But second time it would have loaded the File from the Cache.
https://en.wikipedia.org/wiki/Cache_(computing)
This way, the browser would load the last successive layout of the Web Page. Without loading a new StyleSheet from the File System.
I really think, you need to reload the page using CTRL + F5 button. This would be helpfull in this manner! Because Bootstrap.css is editable and you can edit it. It doesn't prevent editing, only caching would be the problem here.
I have a code generated by "highslide" software and what it does is to create an image gallery.
This code consists of .css html and javascript.
If I place the htmal code in the Joomla's "index.php" file and then the rest of the file in the root directory then the image gallery is working and is placed in every page in Joomla.
I do not want this. Is there a way of assigning that image gallery to only pages I choose?
Or is there a way to find out what is the index.php main file for that specific page I need to have the gallery and paste the code in there?
I have tried to insert the code in a custom module via the Joomla's editor but when I click on save then it compiles the code and remove certain parts of it and cannot work.
It removes the link to javascript and to css file.
Is there a way without any other third party extension to have that code into the custom module without then Joomla eliminate the half of the code?
Thank you,
Best Regards,
Andreas Achilleos
I would not add things like this to your index.php file. This is Joomla, not a static html website ;)
You have 3 options:
Option 1 would be to develop your own module and install it on your Joomla site. This option would take the longest amount of time and would require you to get your handy in a bit of coding.
Option 2 would be to firstly download, install and enable a plugin called Sourcerer. Once done, in the Joomla backend, create a new "Custom Module" and manually add your html code. After, below the big textbox, you will see a button below saying "Insert code". O modal will popup allowing you to add your custom code. Simply add your CSS and JS using the <style> and <script> tags.
Option 3 would be to use a pre-built Image Gallery extensions from the Joomla Extensions Directory. There are loads to choose from.
Hope this helps