Hi Manu, On Mon, Mar 6, 2017 at 9:11 PM, Manuranga Perera <m...@wso2.com> wrote:
> @Sajith > * Can we use the menu helper ? > We have used the menu helper in the sample apps. > * AFAIK menu helper doesn't support a @selected attribute, to highlight > current tab, don't we need to implement it? > Correct, ATM we don't support '@selected'. I think we can support it easily. > > On Mon, Mar 6, 2017 at 2:52 PM, SajithAR Ariyarathna <sajit...@wso2.com> > wrote: > >> >> >> On Mon, Mar 6, 2017 at 8:17 PM, Denuwanthi De Silva <denuwan...@wso2.com> >> wrote: >> >>> >>> >>> On Mon, Mar 6, 2017 at 6:51 PM, Denuwanthi De Silva <denuwan...@wso2.com >>> > wrote: >>> >>>> Thank you for the detailed description Sajith. >>>> >>>> >>>> On Mon, Mar 6, 2017 at 6:47 PM, SajithAR Ariyarathna <sajit...@wso2.com >>>> > wrote: >>>> >>>>> I think you have misunderstood the page concept. In UUF, Page is the >>>>> whole thing (markup) that covers the browser window. So you *cannot* >>>>> insert a page into another page. >>>>> >>>>> With that in mind, let's brak down the UI in [1]. >>>>> >>>>> - Left pane has 4 links, seems that those are app level menus. So, IMO >>>>> each link should have a separate page. >>>>> >>>>> +1 to have separate page for each app menu. >>> But that would make the left side 4 menus to disappear each time we go >>> inside each menu due to directing to a new page. >>> As you can see in [2] & [3], the left side menu remains even if we >>> navigate from "User" to "Group" menu. >>> >>> So, does that mean we have to go to a fragment approach inorder to keep >>> the left menu while navigating (since we cannot load a page inside another >>> page) ? >>> >>> No need for a fragment based approach. Please look at my second point, >> the answer is there :) >> >>> - Top bar (logo, product name, and usermenu), breadcrumbs, and *right-side >>> menu will be the same for all pages*. Then we can put the markup for >>> those into a layout and use that layout in pages (e.g. overview page, users >>> page). >> >> So, having the menu in the layout will make it appear on all 4 pages. >> >> Thanks. >> >>> >>> >>> [2]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>> master/Wireframes/admin-portal/v2/3.3%20Add%20users%20-%20options.png >>> [3]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>> master/Wireframes/admin-portal/v2/4.3%20Group%20Listing.png >>> >>> - Top bar (logo, product name, and usermenu), breadcrumbs, and >>>>> right-side menu will be the same for all pages. Then we can put the markup >>>>> for those into a layout and use that layout in pages (e.g. overview page, >>>>> users page). >>>>> >>>>> - You can configure the menu in the app.yaml (see pets-store, >>>>> features-app samples). And using the {{#menu }} helper, you can populate >>>>> the menu (see sample apps) >>>>> >>>>> Thanks. >>>>> >>>>> >>>>> On Mon, Mar 6, 2017 at 6:15 PM, Denuwanthi De Silva < >>>>> denuwan...@wso2.com> wrote: >>>>> >>>>>> Hi, >>>>>> >>>>>> We need to provide a tab like view as in [1]. >>>>>> When moving between each tab we plan to load a page. >>>>>> >>>>>> Is there a notation where we can insert a page inside the tab similar >>>>>> to fragment notation? >>>>>> or any other approach to achieve this behavior? >>>>>> >>>>>> >>>>>> <li class="list-group-item"><a data-toggle="tab" href="#overview"> >>>>>> Overview</a></li> >>>>>> >>>>>> <div class="tab-content"> >>>>>> <div id="overview" class="tab-pane fade in active"> >>>>>> >>>>>> <! -- need to insert a page here--> >>>>>> >>>>>> </div> >>>>>> </div> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> [1]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>>>>> master/Wireframes/admin-portal/v2/2.1%20Landing%20page%20-%2 >>>>>> 0with%20no%20existing%20users.png >>>>>> >>>>>> -- >>>>>> Denuwanthi De Silva >>>>>> Senior Software Engineer; >>>>>> WSO2 Inc.; http://wso2.com, >>>>>> Email: denuwan...@wso2.com >>>>>> Blog: https://denuwanthi.wordpress.com/ >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> Sajith Janaprasad Ariyarathna >>>>> Software Engineer; WSO2, Inc.; http://wso2.com/ >>>>> <https://wso2.com/signature> >>>>> >>>> >>>> >>>> >>>> -- >>>> Denuwanthi De Silva >>>> Senior Software Engineer; >>>> WSO2 Inc.; http://wso2.com, >>>> Email: denuwan...@wso2.com >>>> Blog: https://denuwanthi.wordpress.com/ >>>> >>> >>> >>> >>> -- >>> Denuwanthi De Silva >>> Senior Software Engineer; >>> WSO2 Inc.; http://wso2.com, >>> Email: denuwan...@wso2.com >>> Blog: https://denuwanthi.wordpress.com/ >>> >> >> >> >> -- >> Sajith Janaprasad Ariyarathna >> Software Engineer; WSO2, Inc.; http://wso2.com/ >> <https://wso2.com/signature> >> >> _______________________________________________ >> Dev mailing list >> Dev@wso2.org >> http://wso2.org/cgi-bin/mailman/listinfo/dev >> >> > > > -- > With regards, > *Manu*ranga Perera. > > phone : 071 7 70 20 50 > mail : m...@wso2.com > -- Sajith Janaprasad Ariyarathna Software Engineer; WSO2, Inc.; http://wso2.com/ <https://wso2.com/signature>
_______________________________________________ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev