Build a responsive dynamic UI (2 Radial objects like radial menu) in one single page using HTML5, Bootstrap UI

  • Status: Closed
  • Præmier: $30
  • Modtagne indlæg: 1

Konkurrence Instruktioner

Hi there,
(Please see the requirements.png attachment to visualize easily what I'm looking for)

I want to design a user interface (UI) with three components using CSS3, HTML5, and maybe (jQuery). The three components are as follow:

1. A nice drop down menu.
2. A radial element (just like Radial Menu Control), I name it (entities)
3. Another radial element i call it (fix_map).

but HERE IS THE MOST IMPORTANT PART FOR EACH ONE (see attachments to understand clearly) :

A) the (entities) radial menu must has the following characteristics:

* design primary for RTL language
* It must has 4 radial levels.
* Every level has its own color (i can change it if want) same as in the picture.
* each level has nodes (circles with text) I can (+/-) add or remove nodes dynamically.
* each node can be shown as (enabled / disabled) by using background fill color.
* I can click on each node and show a pop up showing some info (from database)
* The center has a circle with a text in it.
* if I click on the center they can expand or collapse.
---------------------------------------------------------------------

B) the (fix_map) radial :

* design primary for RTL language
* It must has 2 radial levels
* the outer level, has exactly 8 nodes with text.
* the inner level has 4 nodes with text.
* each node, when I click it shows a pop-up window to show some text & data from DB.
* the center has a circle with text in it, can click on it to expand or collapse.

---------------------------------------
The drop down menu will be used to show relevant information on the page, so when the user change the value of the drop down menu, the context of the nodes & the status will be updated to reflect the DB info.

Anbefalede færdigheder

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • Zyoudyy
    Zyoudyy
    • 5 år siden

    There is nothing attached ? !

    • 5 år siden
    1. binmosa
      Konkurrenceafholder
      • 5 år siden

      Okay good. But please let me know, the expectation of the increasedprize as I have limited budget for this task. Let me know if need any clarification.

      • 5 år siden
    2. binmosa
      Konkurrenceafholder
      • 5 år siden

      Hi, any updates ..

      • 5 år siden
  • PeekLevel
    PeekLevel
    • 5 år siden

    #increaseprize

    • 5 år siden
    1. binmosa
      Konkurrenceafholder
      • 5 år siden

      We will negotiate if the work is fine. I was assuming One can may refer to many libraries that make the task easier, that why I put the initial value of $30.

      • 5 år siden

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!