Using Voice-In in non textbox areas

socheeky · October 14, 2025, 6:29am

Hi there! I just got the paid version of this and am loving all the amazing features.

I have no issues when there are textboxes, but I often use a site that’s basically a private calendar application. The buttons in the site aren’t direct links like , but more like the play/pause/settings buttons when playing a Youtube video. When I try to use the click: action command, it doesn’t recognize any of the links, even if the links are text. Is there any way to get this to work?
There are areas in this application where we can input numbers, but they’re not text boxes exactly. If I type the number, it shows up, but if I use Voice In to enter the number, it doesn’t work. Is there any action command that makes me simulate the pressing of a key?

Thanks!

Admin · November 4, 2025, 2:12pm

Hi Socheeky,

Can you share a screenshot or link of the application for 1 and 2? If this is a publicly accessible link, happy to take a look.

socheeky · November 5, 2025, 7:11am

Hi Admin,

Really appreciate your help!

Unfortunately this isn’t a publicly accessible link. It’s a part of a dental cloud patient management software. I’ve attached a screenshot of the area in question. This area is meant to record measurements during an exam. Normally, just typing numbers would make the box proceed forward. However, with Voice-In, saying numbers doesn’t input the numbers into the text boxes.

Again, any help would be greatly appreciated! This extension is great and I’ve already purchased the Lifetime subscription.

Thanks.

linuxkaliphone · December 4, 2025, 5:43pm

Can you elaborate is this in a browser or is it in a program since you’re using the extension I’m assuming it’s in a browser can you right click inspect and paste the element here for it if you don’t know how to do that search for youtube copy it as a html and paste it here and maybe I can help

socheeky · December 5, 2025, 5:22am

Hi linuxkaliphone, thanks for your help. This is inside a Chrome browser.

Here is the specific element that gets highlighted when I inspect the light blue box (the small one with D above and PD to the left of it):

<div class="condition active-field" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.PD[surface.dataIndex]}),
                                 'active-field': $ctrl.isFieldHighlighted('PD', surfaceIndex)}" ng-click="$ctrl.conditionClicked('PD', surfaceIndex)" role="button" tabindex="0">
                     
                 </div>

This is what I get when I’m inspecting everything inside the blue box (starting with D B M on top, down to the row with Furcation to the left):

<hero-perio-tooth-side side="'buccal'" tooth-number="::$ctrl.toothNumber" selected-site="$ctrl.selectedSite" tooth-data="$ctrl.toothData" force-active="$ctrl.forceActive" is-alert-value="$ctrl.isAlertValue({value})" chartable-items="$ctrl.chartableItems" set-selected-site="$ctrl.setSelectedSite({toothNumber: toothNumber, side: side})" set-current-field="$ctrl.setCurrentField({condition: condition, index: index})" are-surfaces-reversed="$ctrl.areSurfacesReversed({toothNumber: toothNumber, side: side})" active-field="$ctrl.activeField" start-condition="$ctrl.startCondition"><div class="tooth-side active" ng-class="{'active': ($ctrl.selectedSite.tooth === $ctrl.toothNumber &amp;&amp; $ctrl.selectedSite.side === $ctrl.side) || $ctrl.forceActive}">
    <div class="surfaces">
        <!----><div class="surface" ng-repeat="(surfaceIndex, surface) in $ctrl.surfaces">
            <div class="condition tooth-side-header">D</div>

            <div class="pd-gm layout-column" layout="column" ng-class="{'reverse': $ctrl.startCondition === 'gingival_margin'}">
                <div class="condition active-field" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.PD[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('PD', surfaceIndex)}" ng-click="$ctrl.conditionClicked('PD', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
                <div class="condition" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.GM[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('GM', surfaceIndex)}" ng-click="$ctrl.conditionClicked('GM', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
            </div>
            <div class="condition cal" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.CAL[surface.dataIndex]})}" ng-click="$ctrl.conditionClicked('CAL', surfaceIndex)" role="button" tabindex="0">
                
            </div>
            <!----><div class="condition bleeding" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition calculus" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition plaque" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition suppuration" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!---->
        </div><!----><div class="surface" ng-repeat="(surfaceIndex, surface) in $ctrl.surfaces">
            <div class="condition tooth-side-header">B</div>

            <div class="pd-gm layout-column" layout="column" ng-class="{'reverse': $ctrl.startCondition === 'gingival_margin'}">
                <div class="condition" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.PD[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('PD', surfaceIndex)}" ng-click="$ctrl.conditionClicked('PD', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
                <div class="condition" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.GM[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('GM', surfaceIndex)}" ng-click="$ctrl.conditionClicked('GM', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
            </div>
            <div class="condition cal" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.CAL[surface.dataIndex]})}" ng-click="$ctrl.conditionClicked('CAL', surfaceIndex)" role="button" tabindex="0">
                
            </div>
            <!----><div class="condition bleeding" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition calculus" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition plaque" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition suppuration" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!---->
        </div><!----><div class="surface" ng-repeat="(surfaceIndex, surface) in $ctrl.surfaces">
            <div class="condition tooth-side-header">M</div>

            <div class="pd-gm layout-column" layout="column" ng-class="{'reverse': $ctrl.startCondition === 'gingival_margin'}">
                <div class="condition" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.PD[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('PD', surfaceIndex)}" ng-click="$ctrl.conditionClicked('PD', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
                <div class="condition" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.GM[surface.dataIndex]}),
                                'active-field': $ctrl.isFieldHighlighted('GM', surfaceIndex)}" ng-click="$ctrl.conditionClicked('GM', surfaceIndex)" role="button" tabindex="0">
                    
                </div>
            </div>
            <div class="condition cal" ng-class="{'alert-value': $ctrl.isAlertValue({value: $ctrl.toothData.CAL[surface.dataIndex]})}" ng-click="$ctrl.conditionClicked('CAL', surfaceIndex)" role="button" tabindex="0">
                
            </div>
            <!----><div class="condition bleeding" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition calculus" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition plaque" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!----><div class="condition suppuration" ng-repeat="boolCondition in $ctrl.boolConditions | filter: $ctrl.isConditionEnabled" ng-class="boolCondition" ng-click="$ctrl.conditionClicked(boolCondition, surfaceIndex)" role="button" tabindex="0">
                <div class="indicator ng-hide" ng-show="$ctrl.toothData[boolCondition][surface.dataIndex]" aria-hidden="true">
                </div>
            </div><!---->
        </div><!---->
    </div>
    <!----><div class="furcation-mobility" ng-if="$ctrl.chartableItems.includes('furcation')" ng-class="{'furcation-reverse': $ctrl.shouldReverseFurcation()}">
        <div class="condition" ng-class="{set: $ctrl.isFurcationSet($ctrl.toothData.furcation[$ctrl.furcationIndex][0])}" ng-click="$ctrl.conditionClicked('furcation', 0)" role="button" tabindex="0">
            
        </div>
        <!----><div class="condition" ng-if="$ctrl.hasDoubleFurcations" ng-class="{set: $ctrl.isFurcationSet($ctrl.toothData.furcation[$ctrl.furcationIndex][1])}" ng-click="$ctrl.conditionClicked('furcation', 1)" role="button" tabindex="0">
            
        </div><!---->
    </div><!---->
    <!---->
</div>
</hero-perio-tooth-side>

Any help would be much appreciated! Thank you!