jQuery toggle show/hide - div shows but does not expand - show-hide

I have a little menu that should expand to reveal the HTML below, which is hidden at present.
Following jQuery:
$('.mobileMenu').click(function(e) {
$(this).toggleClass('arrowDown').next().slideToggle('slow');
});
This piece of code works great on this page (click the "hide" feature on the left col)
However I need to utilise the same feature with my menu for "mobile width".
If you resize your browser down to 320 or so and go here you'll see the menu is just +menu (bit smashy at the mo but working). Click it, and the menu does expand to show the links, the first being "shop online" but for some reason they are hidden/not showing. Ideally the green navigation div should expand

The rest of your menu items need display: block , at the moment only the top item has it.

Related

jQuery-UI's selectmenu is not following the scroll motion when it is inside an overflown div

When I am placing the jQuery selectmenu inside a div that has a CSS property overflow: scroll and is smaller then its content, then the dropdown menu is not following the scrolling inside the overflown div.
See the example here
https://codepen.io/Nighel123/pen/gZeQVd?editors=1000
I have found a way to fix it with this code:
$(".demo").scroll(function(){
$( "#salutation" ).selectmenu( "open" );
});
But I think this is not the best way to fix the problem since the dropdown does not seem to follow the select element precisely when I am trying the code on my computer. Additionally the dropdown menu opens when I am scrolling inside the overflown div, what is also not the expected behavior of a dropdown.
I also tried to trigger the scroll event of the window object, when the overflown div gets scrolled to fire the positioning methods of the jQuery dropdown menu. But this did not work at all.
I would like to follow the dropdown menu follow my select item more precisely with the scrolling of the overflown div. And maybe also get some less ugly hack compared to what I did above.
I found a solution with the appendTo method of the jQuery-UI selectmenu. Just append the dropdown menu to the div that is being scrolled and it works!

Add buttons to sub-grid view

On the order form, there is a products section that has uses the default Order Product Inline Edit View. This view is not editable, but you can copy it and save it as a different name.
However, when you copy the view, the new view does not display all of the same buttons when viewing the sub-grid.
default view:
copied view (the lock pricing, move up and move down buttons are missing):
The copied view shows the + button and it's drop down menu correctly. Why hasn't it copied the other buttons, and how can i get them to show on my custom view?
I am happy to edit xml and upload that back to CRM if necessary.
Update:
FYI, this is all a pointless effort as the word template ignores the sequence order. What an utter waste of time.
I'm going to guess it's because the default view on the order of order products is a special one. It has special behaviours that arn't seen in the rest of 365, i.e. you don't get up, down, or lock on other views.
I would assume that the extra buttons only get shown on that default view and arn't really supported outside of that view.
Turns out it is actually quite easy to show these buttons for other views using the ribbon workbench.
Right click on the button in ribbon workbench under the subgrid section and click on customise
Select the command in the "solution elements" pane at the bottom
In the bottom right hand pane, right click on the enable rule "Mscrm.IsInlineEditView" and click "Remove from Command"
Publish
These buttons now show up for all views.

Visual Foxpro 9.0

I have a programming problem in Visual FoxPro, create a form that contains PageFrame with 2 Page.
1. On Page 1, Create a program to display data in the grid and give the sorting facilities, navigation and search.
2. On Page 2, create a program to calculate volumeTabung and spacious blanket.
Can anyone provide a solution? thank you
Although this is not DOING the answer, but a simple guide.
In the VFP command window,
Create Form [whatever form name you want]
Once form is up, look at the toolbar for "Form Controls". Click on the "PageFrame" control and then click on the form... There, you have a default pageframe with 2 pages as a default.
The "Properties" window should be visible by default. Click on the combobox on at the top which shows all controls. Open the drop-down and you will see "Page1" and "Page2" of the page frame control. Click on either page, and that will bring focus to that respective page.
Now, click on the Forms Controls toolbar again, such as to grab textbox, label, combobox, whatever and then click on the page and your controls are there. Then get focus to the second page and do the same for whatever you want.
Save and run the form. This just gets you to see the controls and how simple to put them on. Actual pulling your data and populating is really more your "to do" list.

Joomla 3: How do I call an article from a menu item and show that menu as active?

I have a standard navigation menu on my banner. Then I have another menu below that, in my body area, and this is used made to appear as 'tabs' by using css styling. Thus each tab (actually menu) has its own articles.
Now, When I click a tab, the article shows. But I have a link to the first tab on the top menu (in my banner). This links to the article in the first tab. When the menu item in the banner is clicked, the first tab's article shows fine. But it does not show the first tab as active. The first tab only shows as the active link when I click it.
How do I make the tab (menu item) active when the menu item in the banner is clicked?
To better illustrate this, I've included a screenshot.
Thanks!
First you need to put both menus into one single menu since the second is basically a submenu of the first.
After that is done you "split" the in two modules:
For the top menu you set the module options to "Start Level" 1 and "End Level" 1. And "Show Sub-menu Items" is set to "No".
The second module has the "Start Level" set to 2.
That should probably do what you want to do.

Is it possible to click a link in dropdown list without selecting that option?

I have a dropdown list. When users hover on an option, the view link will show up. You can click "View" to see more details of that option. But now every time I click it that option will have to be selected. Is there a way to make it so that when I click "View", I can see details in a popup window and that option won't be selected? Or is there a way to go around it?
I would do this by making the clickable area of the view link (the <a> anchor tag) a container box with a higher z-index than the dropdown option
Then the view link will be on top, and clicking it will link without selecting the underlying dropdown option.

Resources