Bootstrap theme for webmin display half page - css

I am using bootstrap theme for webmin, It is working fine with chrome but when I moved to Firefox the webmin pages are displaying on half of screen, what might be the problem.
suggest me the changes.enter image description here

I'm the developer and author of Authentic Theme for Webmin/Usermin/Virtualmin/Cloudmin.
My theme actually works fine in Firefox as well. You are welcome to try it.
Authentic Theme
Webmin/Usermin/Virtualmin/Cloudmin theme based on Bootstrap and Font Awesome hat is made with love. It uses CodeMirror to highlight config files and show line numbers, when editing manually and DataTables to add advanced interaction controls to modules' tables. Theme runs using latest releases of dependent software (mentioned above), supporting all in-built modules (even ancient ones) and third-party modules, including ConfigServer Security & Firewall.
Features
Autocomplete that lets you very quickly and effectively navigate through items in left menu, items of currently opened module in Webmin, items for currently selected domain and list of all available virtual domains/machines in Virtualmin/Cloudmin module
Hotkeys for quicker access/control. Alt+S for focusing on search field; Alt+R for refreshing currently opened module; Alt+W switching to Webmin; Alt+V switching to Virtualmin; Alt+C switching to Cloudmin and double Shift to prematurely dismiss right page loader
Extended support for ConfigServer Security & Firewall, with integrated search and filter features
Code highlight with line numbers, when editing configuration files manually
Ability to embed custom logo, styles and scripts
Unprecedentedly convenient and complete navigation, with no difference among desktop/mobile versions
Dismissable page loader
Basic screen-saver effect, after 2 minutes of inactivity
Video Screencast
http://www.youtube.com/watch?v=f_oy3qX2GXo

Related

Form filling and web scraping from a website

Not a good way to start, but pardon me if this if off-topic, it seems like a programming question though...
From an ASP.NET website I want to open a page in a new browser that has a toolbar at top and an iframe-like window at the bottom. The frame-like window will support tabbed browsing and load a third party website. The toolbar will have buttons that allow the user to manipulate the HTML (form-fill and web-scrape). For example, toolbar buttons may be "Extract Webpage Data" or "Fill Form".
Ideally it would work with IE, Edge, Chrome and Safari, but an absolute minimum requirement is IE, a more preferable minimum requirement is Chrome and Edge.
I have seen this done, well, by other proprietary software. I do not know if they require a specific browser (like IE where they can install a plugin) or how they do it, that is my question.
So I have narrowed this problem down to three possibilities:
Use pure HTML, Javascript, et al. - Using an iFrame almost works perfectly but the content will not be in the same domain so I cannot access the iFrame's HTML.
Use (or write) a proprietary browser - I do not think you can (or want) to launch an EXE from a web page, plus this seems rather complex in itself.
Use (or write) a plug-in - Probably limits use to IE. I think an IE plugin could do what I want based on other plugins I've seen.
I have past desktop programming experience with a web automation and scripting product, while promising, I don't think they offer what I need:
They have an ASP.NET COM component that runs server side so it does not display an interface to the user but can be used to silently fill and scrape a website based on scripts.
They also have a proprietary browser that shows a user interface and runs scripts to fill and scrape. But this is an EXE, so cannot be launched from a web site.
They have an IE Plugin, that adds a companion popup window that attaches itself to IE. Similar to their browser and runs scripts.
Question - This can be done, I've seen it, but what is the mechanism? I'm leaning to an IE plugin.
If plugins are the answer, chrome has extensions, is that a possibility?

Previewing Changes in Bigcommerce Mobile Template

Hopefully someone can help me out with this. I've been tasked with giving a mobile template an overhaul on a site that uses BigCommerce.
Does anyone know of an IDE or a windows based browser that would allow me to preview the changes that I make on the fly, preferably via Dreamweaver CC but this isn't a necessity.
Basically I want to completely revamp the homepage so that instead of having a mundane and dreary menu that take up the entire page, I'd like to change it so that I have responsive windows 8 like tiles that one could use to navigate the site.
Since BigCommerce is a paid service you are limited to what is available. You cannot simply download the site and run it on your localhost. I worked on one of those sites before, the best work around I found what to edit in google chrome's inspect element and console "F12" - this way you can make changes directly to the site to see how they render. But keep in mind, F12 is after chrome builds the page and will not match the actual code all the time.

OJS (Open Journal System) theme development: making adaptive

I'm finishing the theme development for Open Journal System. But I have encountered some troubles. The core's template functionality doesn't support template overrides. So in order to support dependencies after system updates I should adapt to native core template handling without any core modifications.
The theme is hosted here:
https://www3.mruni.eu/ojs/sustainable-development-strategy
To practical part:
I'm using the Twitter Bootstrap 3 and I would like to make all pages responsive and mobile friendly.
1). All images with JS receives 'img-responsive' class.
But the Firefox doesn't resize properly the images from lower corner of right sidebar.
With Chrome - everything is OK
2). The most problematic part. As I resize the browser's window the horizontal scrollbar appears.
I can't fix those problems so waiting for some help
3). If you have some advice how to make it more mobile friendly - I will appreciate it

Plone novice: Site appears unstyled instead of Sunburst

My site used the Sunburst theme without any custom style sheets – at most I would update the logo. I recently updated the logo and front-page after a long absence. The logo was successfully updated, however something else happened and now the site appears unstyled. Skip to content/Skip to navigation text links (for accessibility) appear at the top where they had not previously.
I checked portal_skins/custom, but there was no ploneCustom.css file there to remove, only the logo.png. I tried changing the theme to Classic but it also appeared unstyled, so then I changed it back to Sunburst. Next I went to portal_skins/sunburst_styles and pressed the customize button for public.css and ploneCustom.css, hoping to override the current style. Even though the style files were copied to portal_skins/custom (I did not modify the copies), the site still appears unstyled.
Please help a grad student whose occasional task is to maintain a Plone site (server is running Plone 4.) The server admin is away at a conference – the previous server admin who had the Plone expertise graduated last fall and is now out of the country (and also at the same conference.) I’ve read the documentations and searched for similar issues, but am at wit’s end.
I would greatly appreciate any guidance in how to revert back to the default Sunburst theme styles!
Sometimes the "Plone Classic Theme" seems to become applied when upgrading. In the Theme control panel ( http://yoursite/##skins-controlpanel ) make sure that "Sunburst" is selected.

Preview theme in drupal

I am using drupal for the first time. I have successfully developed my first drupal website to a certain extent. I have used my own custom theme for the front-end and blue marine theme for administrator. Now my client's requirement is that when he clicks on preview button before submitting the page in admin panel, he wants to see the preview in a pop-up window with the front-end's theme. Please help me with your ideas and suggestions on how to achieve this?
When you set the administration theme, leave the "Use administration theme for content editing" unchecked. This should allow content creation / previewing in the "front-end" theme.
EDIT: Assuming you are using Drupal 6.x
Have you seen this module - http://drupal.org/project/pagepreview it aims to give you what the page will look like on the front-end theme.
There are some caveats though, for instance the menu will not be correct if this is a new node
As far as I know Themeing is a complicated process in Drupal, it involves many modules and hooks, so I don't think it's an easy task for a module (maybe) to do that, or in core like Wordpress.
I'm working on getting a nice solution to this too. I won't post the code yet cos it's a work in progress, but essentially I make an ajax call to retrieve a known node and then replace the node content of that page with the content of the preview box before showing the merged page in a popup window.
If it works out alright I might make a module out of it.
This might help: https://www.computerminds.co.uk/drupal-code/making-accurate-responsive-node-preview-drupal-7
Patches the Page Preview module with some of the Responsive Theme Preview modules functionality for viewing the page at different screen sizes in the preview panel.
Page preview's caveats still apply though.

Resources