Google Extension with more than one button in the toolbar - button

I want to create a Google Extension that adds 3 buttons to my Google Chrome Toolbar : the Extension does three different things and I want the three buttons to always be available in the toolbar of the user's navigator .. I don't know if it is even possible.
(What I have done so far is a popup that shows three buttons, but it isn't really what I want to do).
Thank you in advance for your precious help :)

You cannot add more than one action to browser with Chrome extension. Chrome extension are meant to serve single purpose only.
The way you are doing it right now, show popup with three buttons, is the way to do.

Related

Visual response for loading pages in pwa

Is there a way to let PWA users know that a clicked link is being loaded. Usually in the browser we see the blue progress line indicating this but in the pwa the user is left to assume the page is loading except there is a pseudo effect on the buttons programmed by the developer. I understand the idea behind pwa includes giving users immersive visuals and if pages load faster, the users will not bother about the blue line but sometimes it's needed.
Going through the same thing but i think i found a way.
We can use bootstrap spinners to animate this. We can use javascript to detect a link click and show the spinner. We can also add this on submit button click.

How to Show The Full Screen of Html5 Video in IE or FF

I've researched this topic for quite sometime now and haven't been able to find any conclusive answers.
I've a template that creates an html5 video but that template is created on two separate events and has a different set of CSS with either call.
In one call, the video element is rendered with full screen and all is well.
In the other, the full screen button is missing and in Chrome I managed to solve it using video::-webkit-media-controls-fullscreen-button display option in CSS.
Now I started checking other options and I see that the button is missing, and I don't see any other css options I can depend upon.
My question is, other than using custom controls, what else can I do to fix this?
Thanks in advance.
I believe your template changes something, or doesn't add for example "control" attribute.
Here is a simple example of HTML5 Video, and full-screen option works in all modern browsers: http://www.w3schools.com/html/html5_video.asp
Click "Try it Yourself >>" to see the code.

How accessible is Fullcalendar?

I'm having problems making FullCalendar fully accessible. I'm using the default month view and can't access the next, previous, and today buttons on the top right without using a mouse. If I run a screen reader, I can access those buttons but not without running the screen reader.
And on another note, I currently am using tool tips that pop up when you mouse over an event title to display more information. If anyone has any tips on how to make those accessible to a screen reader or accessible without a mouse, I'd greatly appreciate it!
Regarding the buttons, I would advice that you write new buttons if accessibility is important. These buttons you could then hook up to your own javascript functions that moves to previous and next.
Check out this documentation example
Regarding the second problem, I think that's the same problem not just for physically impaired but also for things like mobile browsers. My tip would be to avoid onmouseover if the information that appears is really important.

Hide Navigation Bar in flex

I'm newer in Flex and I would like to disable the Navigation Bar and the bookmarks tab cause I need to show a lot of information so I really need to have as much space as it's possible. I do not know what I can do.
Thanks in advance,
Alicia
Do you mean the navigation and bookmarks in the browser?
Depending on the content of your application, you could potentially use full screen mode, but that has some restrictions around keyboard input (only some keys are allowed such as arrow keys, enter key etc)
Otherwise you may just need to prompt the user to turn their browser to full-screen so that they can see as much of the app as possible.
Browser full-screen/maximise is different from Flash full-screen as all keyboard input is still possible.
As far as I know there wouldn't be a way to actually modify the appearance of the browser from within a Flash application.

Disable Focus to Browser

Can any one tell how to disable focus to a browser.
Hi i am currently working in .net application and i need to disable the tab focus to browser objects such as toolbars,address bar, since the user will not be using these components often
Thank you
Please don't do this, it breaks what the user expects a webpage to do. Messing with the fundamental behavior breaks several things:
My tab button and where I expect it to go
Screen readers for the disabled
Trust in your application
In some cases, you need to ask why? before asking how?, this is one of those. Anything that behaves differently from the other 99.9999% of the web is broken in the eyes of your user.
Well, I agree with Nick Craver. If you have to disable due to some crap requirements, then try opening a new window without toolbar, editable address bar etc and load the page inside the newly opened window.

Resources